位置: IT常识 - 正文

Vue 清除Form表单校验信息 清除表单验证上次提示信息(vue清空form数据再重新赋值)

编辑:rootadmin
Vue 清除Form表单校验信息 清除表单验证上次提示信息 问题描述

推荐整理分享Vue 清除Form表单校验信息 清除表单验证上次提示信息(vue清空form数据再重新赋值),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue清空form数据再重新赋值,vue $ref内容清空,vue表格一键清空,vue实现删除,vue删除dom,vue清空form数据再重新赋值,vue清空form数据再重新赋值,vue清空form表单,内容如对您有帮助,希望把文章链接给更多的朋友!

在Vue项目中使用Form组件进行表单验证,再次打开该表单时,上次的验证提示信息依然存在,业务场景要求再次打开该表单时清除验证提示信息和绑定的数据。

解决办法

在控制表单显隐的方法内加入以下代码即可实现:

1.使用Iview中的Form组件:清除表单的验证提示信息与字段值Vue 清除Form表单校验信息 清除表单验证上次提示信息(vue清空form数据再重新赋值)

resetFields() 方法:对整个表单进行重置,将所有字段值重置为空并移除校验结果。

//form指的是绑定到Form组件上的属性refthis.$nextTick(()=>{ this.$refs.form.resetFields();})

Iview组件库中没有提供clearValidate()方法,不要和Element Ui混淆。

2.使用Element Ui中的Form组件2.1 只清除表单验证提示信息,不清除字段值

clearValidate() 方法:移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组,如不传则移除整个表单的校验结果。

//1.清除所有表单项的验证提示信息this.$nextTick(()=>{ this.$refs.form.clearValidate();})//2.清除某一表单项的验证提示信息,如手机号this.$nextTick(()=>{ this.$refs.form.clearValidate(['phone']);})

注:clearValidate()方法使用清除某一表单项的提示信息时,注意安装的Element Ui版本:Element Ui^2.4.3及后续版本才支持传入参数。

2.2 清除表单验证提示信息和字段值

resetFields() 方法:对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。

this.$nextTick(()=>{ this.$refs.form.resetFields();})注意

想要清除信息的字段必须添加prop属性。 prop :对应表单域 model 里的字段

<FormItem label="Name" prop="name"> <Input v-model="formValidate.name" placeholder="输入您的姓名"></Input> </FormItem>
本文链接地址:https://www.jiuchutong.com/zhishi/297702.html 转载请保留说明!

上一篇:使用Vue+Vue-router+el-menu实现菜单功能实战(使用二氧化碳灭火器时人应该站在什么位置)

下一篇:YOLOv5-v6.0学习笔记(yolov5m)

  • 网络营销怎么做?教你4步做好免费推广(网络营销怎么做推广)

    网络营销怎么做?教你4步做好免费推广(网络营销怎么做推广)

  • 微信行程轨迹记录在哪里看(微信行程轨迹记录可以记录帮别人买的吗)

    微信行程轨迹记录在哪里看(微信行程轨迹记录可以记录帮别人买的吗)

  • onedrive是什么软件(onedrive是什么软件可以关闭吗)

    onedrive是什么软件(onedrive是什么软件可以关闭吗)

  • 如何隐藏文件夹(手机如何隐藏文件夹)

    如何隐藏文件夹(手机如何隐藏文件夹)

  • 华为nova5怎么设置省电(华为nova5怎么设置高清通话)

    华为nova5怎么设置省电(华为nova5怎么设置高清通话)

  • 荣耀20pro有没有红外遥控(荣耀20Pro有没有红外线功能)

    荣耀20pro有没有红外遥控(荣耀20Pro有没有红外线功能)

  • 儿童电话手表怎么调整时间(儿童电话手表怎么充电)

    儿童电话手表怎么调整时间(儿童电话手表怎么充电)

  • 京东极速版和京东区别(京东极速版和京东特价版区别)

    京东极速版和京东区别(京东极速版和京东特价版区别)

  • 快手小店关闭后怎么重新开启(快手小店关闭后如何开启)

    快手小店关闭后怎么重新开启(快手小店关闭后如何开启)

  • 小红书的收藏在哪里(小红书收藏在哪里关闭)

    小红书的收藏在哪里(小红书收藏在哪里关闭)

  • 荣耀20重量多少克(荣耀20机身重量)

    荣耀20重量多少克(荣耀20机身重量)

  • 手机上的pc端是什么意思(pc是电脑版,那手机版是什么)

    手机上的pc端是什么意思(pc是电脑版,那手机版是什么)

  • 抖音评论功能已封禁怎么恢复(抖音评论功能已封禁怎么解)

    抖音评论功能已封禁怎么恢复(抖音评论功能已封禁怎么解)

  • QQ的自动回复可以续火花嘛(qq的自动回复可以给单人设置吗)

    QQ的自动回复可以续火花嘛(qq的自动回复可以给单人设置吗)

  • npn和pnp传感器的区别(npn和pnp传感器的判断口诀)

    npn和pnp传感器的区别(npn和pnp传感器的判断口诀)

  • 电脑怎么弹出任务管理器(电脑怎么弹出任务管理器卡屏)

    电脑怎么弹出任务管理器(电脑怎么弹出任务管理器卡屏)

  • apple watch4和5的区别(apple watch4和5的处理器)

    apple watch4和5的区别(apple watch4和5的处理器)

  • 快手可以查到手机号码(快手能查)

    快手可以查到手机号码(快手能查)

  • 淘宝卖家违规行为会消除吗(淘宝店铺违规行为)

    淘宝卖家违规行为会消除吗(淘宝店铺违规行为)

  • 新版本快手怎样竞猜(快手怎么这样啊)

    新版本快手怎样竞猜(快手怎么这样啊)

  • 分区对齐2048还是4096(分区对齐远2048还是4096)

    分区对齐2048还是4096(分区对齐远2048还是4096)

  • 不受信任的app删除后能找回吗(不受信任的app删除后怎么恢复)

    不受信任的app删除后能找回吗(不受信任的app删除后怎么恢复)

  • rtf文档和word区别(rtf与word的区别)

    rtf文档和word区别(rtf与word的区别)

  • k20pro多重(k20Pro多重)

    k20pro多重(k20Pro多重)

  • sigmoid函数求导(sigmoid函数求导表达式)

    sigmoid函数求导(sigmoid函数求导表达式)

  • 织梦后台发布文章编辑器不显示的解决办法(织梦开发教程)

    织梦后台发布文章编辑器不显示的解决办法(织梦开发教程)

  • 个人所得税手续费返还要交企业所得税吗
  • 小规模纳税人代扣代缴个人所得税
  • 社保局发放的稳岗补贴怎么入账
  • 在建工程和预付款项调整
  • 国外酒店打印的住宿单可以入账吗
  • 公允价值模式下,投资性房地产不计提折旧或摊销
  • 企业咨询费入什么科目
  • 研发费用长期是否可控
  • 增值税年底如何计算
  • 收到对方开的发票怎么做账
  • 设备维保费税率怎么算
  • 投标人组织结构怎么填写
  • 公司购买新办公楼装修计入什么科目
  • 税务申报没报上怎么办
  • 销售支付运费属什么科目
  • 固定资产残值率一般是多少
  • 2021年季度所得税申报表填报说明
  • 遇到境外网络勒索敲诈怎么办
  • 公司新增注册资本
  • 如何关闭windowsdefender防病毒
  • 利息如何做会计分录
  • 什么情况下出租人可以解除合同
  • 配置path环境变量
  • 成本核算的意义是什么
  • 暂估成本能挂账多久
  • 支付的测试报告怎么查
  • win10专区
  • linux系统如何更改主机名
  • 如何使用dashboard
  • 境外汇款犯法吗
  • 企业类型变更是什么意思
  • 定期定额纳税申报
  • 账龄分析法计提比例
  • php 替换字符
  • jsp连接mysql8数据库
  • 第十七届全国大学生智能车
  • php常用的三种设置方式
  • systoolspace
  • pgrep命令详解
  • Programming tutorials and source code examples
  • 增值税发票退回重开期限
  • 应付债券利息费用计算表怎么填
  • 织梦百科
  • mongodb数据库基本操作
  • 代扣代缴通用缴款书怎么打印
  • 科目余额表和资产负债表的期末余额不一样,怎么办
  • 简述税收筹划的意义
  • 应收账款应付账款借贷方都表示什么
  • 外贸出口企业申报年月怎么填
  • 物流公司挂靠会计处理?
  • 已经确认收入的商品发生销售折让
  • 息税前利润怎么算出来的
  • 包工包料工程预付款的支付比例
  • 企业年度财务报告的保管期限为
  • 小额零星物资
  • 政府补贴是否交增值税
  • 季度平均人数怎么算出来的
  • sql不重复数据个数
  • xp系统怎么弄成win7
  • freebsd操作命令
  • 360杀毒恢复区
  • explorer.exe是啥意思
  • win8.1怎么打开设置
  • windows 8.1 with update (multiple editions)
  • win7 64位系统使用360安全浏览器在网页中播放视频出现花屏的解决方法
  • cocos lua教程
  • perl -p -i
  • opengl es3.0
  • unity 优化
  • javascript的弹窗
  • 安卓新安装包
  • Android优化蓝牙
  • 客户端脚本错误怎么解决
  • jquery获取动态生成的元素的值
  • jquery给表单赋值
  • js简单网速测试方法
  • 税务总局副局长饶
  • 东莞国家税务局横沥分局
  • 开票内容 大类
  • 普惠性税收优惠政策例子
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设