问题:
Element中,如果使用v-if或者v-show的时候,写了rules校验规则后,对false部分的页面也进行了校验。
解决:
直接把校验规则写在item上
<el-form-item
label="用水分类"
prop="waterType"
v-show="formData.type === 0"
:rules="
formData.type === 0
? { required: true, message: '用水分类不能为空', trigger: 'change' }
: { required: false, message: '用水分类不能为空', trigger: 'change' }
"
>
</el-form-item>
这样,就算你是v-if或者v-show。都可以正常校验。不会存在不显示也要校验的问题了!
搞定!