浅谈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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
Vue函数式组件-你值得拥有
May 09 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
JS 建立对象的方法
2007/04/21 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
python获取图片颜色信息的方法
2015/03/18 Python
详解Python核心对象类型字符串
2018/02/11 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Python爬取某平台短视频的方法
2021/02/08 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
求职自荐信怎么写
2014/03/06 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
个人汇报材料范文
2014/12/30 职场文书
药店营业员岗位职责
2015/04/14 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
贷款收入证明格式
2015/06/24 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
《窃读记》教学反思
2016/02/18 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python