浅谈vue同一页面中拥有两个表单时,的验证问题
更新时间：2018年09月18日 11:20:02 作者：快乐的大羊
今天小编就为大家分享一篇浅谈vue同一页面中拥有两个表单时,的验证问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息
我们可以通过为两个表单添加ref属性
之后在通过调用resetFields()方法来解决问题
代码如下
<el-form :model="form" :rules="rules" ref="form" label-width="100px">
this.$refs["form"].resetFields();
以上这篇浅谈vue同一页面中拥有两个表单时,的验证问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
小编使用的是webpack模板在vue-cli生成的工程中引入jquery的方法，首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install，具体内容详情大家参考下本文2018-01-01
这篇文章主要介绍了vue中的mescroll搜索运用及各种填坑处理，文中通过代码给大家讲解了mescroll vue使用，感兴趣的朋友跟随小编一起看看吧2019-10-10
这篇文章主要介绍了vue-router 前端路由之路由传值的方式，本文通过两种方式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决
这篇文章主要介绍了Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
elementui中的el-cascader级联选择器的实践
本文主要介绍了elementui中的el-cascader级联选择器的实践，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
在本篇内容里小编给大家整理了关于vue写h5页面的方法以及注意点分析，有需要的朋友们跟着学习下吧。2019-02-02
今天小编就为大家分享一篇Vue的click事件防抖和节流处理详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
javascript中Set、Map、WeakSet、WeakMap区别
这篇文章主要介绍了javascript中Set、Map、WeakSet、WeakMap区别,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue移动端自适应，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了vue中props赋值给data出现的问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论