浅谈vue同一页面中拥有两个表单时,的验证问题
(编辑：jimmy 日期: 2024/10/26 浏览：3 次 )
问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息
我们可以通过为两个表单添加ref属性
之后在通过调用resetFields()方法来解决问题
代码如下
<el-form :model="form" :rules="rules" ref="form" label-width="100px">
this.$refs["form"].resetFields();
以上这篇浅谈vue同一页面中拥有两个表单时,的验证问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
下一篇：记React connect的几种写法(小结)