element-ui表单校验不生效问题总结_element-ui 表单校验不生效

作者：盐析白兔 | 2024-02-19 05:14:07

踩

element-ui 表单校验不生效

在使用element这个UI框架的时候，表单校验有时候不生效，头大！！！
可能存在问题

当v-model使用的名字和prop使用的名字不一样时就会出现无法验证的问题。

这个是最致命的，也是最不容易注意的
在这里插入图片描述
在这种情况下，当你失去焦点以后不会触发验证规则。

当你加上prop以后这个问题就迎刃而解。

当你回填的时候，明明没有触发验证，但是验证却实际的触发了，原因是：
1.返回值没有该input框的v-model字段。
2.form中没有初始定义该字段。
3.后端给你返回的值为null,你再给自己的v-model赋值的时候，还是null,如果是null的话，elemen会进行校验。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/112834

element-ui表单校验不生效问题总结_element-ui 表单校验 不生效