当前位置:主页 > 网页前端 > vue >

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

时间:2020-12-17 02:06:33 | 栏目:vue | 点击:

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

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

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

代码如下

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

您可能感兴趣的文章:

相关文章