vue同一页面中拥有两个表单时，验证问题

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

 

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

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

代码如下

 

<el-form :model="form" :rules="rules" ref="form" label-width="100px">

 

 

 

this.$refs["form"].resetFields();