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

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

创新互联是一家专注于网站制作、成都网站建设与策划设计,思茅网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:思茅等地区。思茅做网站价格咨询:18980820575

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

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

代码如下

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

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