本文探讨了在Vue结合Element UI框架中，使用v-if控制el-form-item显示隐藏时，校验规则失效的问题。深入分析了v-if操作DOM导致rules判断无法获取prop值的原因，并提供了解决方案，即通过添加独一无二的key属性来解决。
问题描述
使用 Vue + Element 中的 el-form-item 时 用 v-if 处理显示或隐藏 校验规则失效
原因
v-if在操作dom时 在根节点上进行的删减 导致 rules 判断的时候 无法取到 v-if 添加进来的prop值
解决
在 el-form-item 中添加一个属性 key key值只需要是独一无二即可
Vue+Element中的 el-form-item 进行表单验证时 使用 v-if 出现的问题
问题描述
使用 Vue + Element 中的 el-form-item 时 用 v-if 处理显示或隐藏 校验规则失效
原因
v-if在操作dom时 在根节点上进行的删减 导致 rules 判断的时候 无法取到 v-if 添加进来的prop值
解决
在 el-form-item 中添加一个属性 key key值只需要是独一无二即可
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
