element-ui form表单的动态rules校验

在vue 项目中,有时候可能会用到element-ui form表单的动态rules校验,比如说选择了哪个选项,然后动态显示或者禁用等等。
我们可以巧妙的运用element-ui form表单里面form-item想的校验规则来处理(每一个form-item项都可以单独校验)。element-ui form表单的动态rules校验_第1张图片

上代码:


          
            A.夫妻双方均符合共有产权住房申购条件且共同申购
B.港澳青年
C.二孩以上家庭
D.经区政府批准的优先保障对象

重点是这个: :rules=“sqyxForm.jtpslx == ‘0’ ? { required: true, message: ‘请选择’, trigger: ‘change’} : {}”
sqyxForm.jtpslx == ‘0’ 这个是我上面的选项来动态显示或者禁用的,当禁用的时候,就不校验!!!

你可能感兴趣的:(javascript,vue.js,elementui)