手机版

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

时间:2021-08-29 来源:互联网 编辑:宝哥软件园 浏览:

问题:如果vue的同一个页面有两种形式。如果无法验证第一个表单,请切换到第二个表单,第二个表单将显示验证错误消息

我们可以将ref属性添加到两个表单中

然后通过调用resetFields()方法来解决这个问题

代码如下

El-form : model=' form ' : rules=' rules ' ref=' form ' label-width=' 100px ' this。$refs['form']。resetFields();以上文章讨论了当vue在同一个页面上有两个表单时,验证问题就是边肖分享的全部内容,希望能给大家一个参考和支持。

版权声明:谈vue同一页面有两个表单时的验证问题是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。