天坑,v-if影响element-ui表单验证- -。。。

时间:2024-04-12 12:33:44

最近写项目发现了一个坑,
自定义的校验不起作用,如下图,两个input框,只有一个校验生效,另一个不生效。
第一反应是我单词是不是写错了,检查了几遍确认没问题
天坑,v-if影响element-ui表单验证- -。。。
天坑,v-if影响element-ui表单验证- -。。。
天坑,v-if影响element-ui表单验证- -。。。
最后终于发现了。。。是v-if的原因,改成v-show就行了
因为我在两个input框外层,加了一个v-if判断,导致有的校验失败。

天坑,v-if影响element-ui表单验证- -。。。
这个问题解决了,另一个问题来了,
表单校验问题解决了,可是改成v-show以后,v-show为false时,表单仍然要校验这个两个input框,
我的解决办法是在里面的v-if加一个自己的判断,红色部分为新加的
天坑,v-if影响element-ui表单验证- -。。。