当前位置: 移动技术网 > IT编程>脚本编程>vue.js > 浅谈vue同一页面中拥有两个表单时,的验证问题

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

2019年06月02日  | 移动技术网IT编程  | 我要评论

油香飘飘的博客,2014年12月里番,妓出屋

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

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

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

代码如下

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

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网