【element-ui】form表单验证不生效的原因及解决方案

首先废话不多说，直接说原因和解决方法验证不生效这个问题我是在做双表单切换验证的时候遇到的，主要的原因是因为vue加载机制如果使用v-if进行判断显示哪一个的话，就挂载不上element-ui的动态验证，如果改用v-show的话就解决了...

一吨阳光

4506人浏览 · 2021-12-17 17:53:46

一吨阳光 · 2021-12-17 17:53:46 发布

首先废话不多说，直接说原因和解决方法

验证不生效这个问题我是在做双表单切换验证的时候遇到的，主要的原因是因为vue加载机制如果使用v-if进行判断显示哪一个的话，就挂载不上element-ui的动态验证，如果改用v-show的话就解决了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^