解决vue两个表单切换时 校验规则失效问题
210 字
1 分钟
解决vue两个表单切换时 校验规则失效问题
问题:两个表单切换,分别使用不同校验规则,校验规则失效
解决思路:1.切换时使用resetField对该表单项进行重置，将其值重置为初始值并移除校验结果
问题本质:即使两个表单绑定的值不同，但是浏览器在解析时，先解析第一个表单，此时表单上是没有绑定ref，之后再解析第二个表单时，浏览器发现这它的prop和第一个表单的prop一样，所以就认为这两个表单是同一个表单，就没有重新渲染，而ref本身是作为渲染结果被创建的，所以第二个表单没能成功绑定ref，验证就无法生效。
解决方法：分别给表单加key值进行区分
文章分享
如果这篇文章对你有帮助，欢迎分享给更多人！
解决vue两个表单切换时 校验规则失效问题
https://czxcly.cn/posts/解决vue两个表单切换时-校验规则失效问题/ 相关文章 智能推荐
1
关于vue按回车时刷新页面问题-已解决
技术文章 关于vue按回车时刷新页面问题-已解决
2
Vue格式化时间显示样式
技术文章 Vue格式化时间显示样式
3
在web网页上打开电脑本地exe应用
技术文章 在web网页上打开电脑本地exe应用
4
vue文件上传速度慢，有可能是nginx配置的问题
技术文章 vue文件上传速度慢，有可能是nginx配置的问题
5
彻底卸载谷歌浏览器残留
其它教程 彻底卸载谷歌浏览器残留
随机文章 随机推荐
