本文探讨了在使用Element UI时遇到的一个动态切换表单项验证规则的问题。通过在线DEMO展示了期望效果：当表单项2选1时，切换选择应动态更新prop值以控制验证规则。尝试通过计算属性来实现，但在切换过程中，某个表单项的验证规则无法正常添加。经过观察，发现问题是由于该表单项的prop初始值不能为空，即使未在rules中定义。尽管源码探究未得出明确答案，这个问题对于理解和避免类似错误具有指导意义。
DEMO：http://js.jirengu.com/rehuvolemu/1/edit?html,output （在线编译工具直接查看效果）
期望：表单项2选1，必填。切换时将禁用的表单项的 验证规则去掉（思路：将prop赋值为 ' ' ）
尝试解决：通过计算属性绑定prop，根据单选框选中的值切换 prop值 为 规则字段（增加）或者 空字符串（去除）。
问题：watch监听了数据的变化，正常无误，计算属性为正确值。
第一个表单项的规则可以动态 去除 并且再次 添加 。
第二个表单项的规则加不上（奇怪的是必填的小星星出来了的，只是验证没有加上）。
打印了 this.$refs['form'] 可以看到 第二个表单项的 prop 是没有传进去的。
发现问题：尝试了找计算属性的set get问题，并不是。多方测试之后发现是prop的传入初始值必须是非空字符串（就算是rules里面没有定义的都行
最低0.47元/天 解锁文章
扫一扫
830
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
