在 Vue.js 开发中，v-if 和 v-show 在处理表单验证时有不同的行为。v-show 虽能隐藏元素但表单验证仍然存在，可能导致 valid 永远为 false，而 v-if 则会移除元素及其验证，但在切换时可能遗留上一个元素的验证信息。为解决这个问题，建议使用 v-show 结合自定义表单验证规则（validator）来确保隐藏元素时正确处理验证状态。
v-show (只是隐藏控件 , 不是将其销毁 )
如果是对加了表单验证的元素进行显示隐藏，当使用 v-show 时，元素隐藏了，但是表单验证依旧存在，valid 永远返回 false
使用 v-if 时，元素和表单验证都不存在，但是在进行切换时，会遗留上一个元素的验证信息，使用感不好
解决方案：
使用 v-show ，再自定义表单验证规则（validator）
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
