浅谈vue同一页面中拥有两个表单时,的验证问题


Posted in Javascript onSeptember 18, 2018

问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息

浅谈vue同一页面中拥有两个表单时,的验证问题

浅谈vue同一页面中拥有两个表单时,的验证问题

我们可以通过为两个表单添加ref属性

之后在通过调用resetFields()方法来解决问题

代码如下

<el-form :model="form" :rules="rules" ref="form" label-width="100px">
this.$refs["form"].resetFields();

以上这篇浅谈vue同一页面中拥有两个表单时,的验证问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 使td内容不换行不撑开
Nov 29 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
javascript实现动态标签云
Oct 16 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
js实现点赞效果
Mar 16 Javascript
记React connect的几种写法(小结)
Sep 18 #Javascript
Vue循环组件加validate多表单验证的实例
Sep 18 #Javascript
vue2.0 + ele的循环表单及验证字段方法
Sep 18 #Javascript
JavaScript指定断点操作实例教程
Sep 18 #Javascript
对VUE中的对象添加属性
Sep 18 #Javascript
微信小程序适配iphoneX的实现方法
Sep 18 #Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 #Javascript
You might like
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
vue实现未登录跳转到登录页面的方法
2018/07/17 Javascript
使用js在layui中实现上传图片压缩
2019/06/18 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python检查URL是否正常访问的小技巧
2017/02/25 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
Python实现异步IO的示例
2020/11/05 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
秘书岗位职责
2013/11/18 职场文书
会计实习生自我鉴定
2013/12/12 职场文书
电子商务专业求职信
2014/03/08 职场文书
中学生评语大全
2014/04/18 职场文书
环保项目建议书
2014/08/26 职场文书
庆七一宣传标语
2014/10/08 职场文书
童年读书笔记
2015/06/26 职场文书