网站建设方法牜金手指下拉覀,网站可视化后台,网站后台更新为什么前台不现实,百度商业平台官网在vue 项目中#xff0c;有时候可能会用到element-ui form表单的动态rules校验#xff0c;比如说选择了哪个选项#xff0c;然后动态显示或者禁用等等。 我们可以巧妙的运用element-ui form表单里面form-item想的校验规则来处理#xff08;每一个form-item项都可以单独校验…在vue 项目中有时候可能会用到element-ui form表单的动态rules校验比如说选择了哪个选项然后动态显示或者禁用等等。 我们可以巧妙的运用element-ui form表单里面form-item想的校验规则来处理每一个form-item项都可以单独校验。
上代码
el-form-itemlabel3、属于以下何种优先配售类型单选符合以下条件之一即属于优先配售范围propyxpslx:rulessqyxForm.jtpslx 0 ? { required: true, message: 请选择, trigger: change} : {}label-width600pxstyledisplay:flex; flex-direction: column;classelformitem3el-radio-group v-modelsqyxForm.yxpslx :disabledsqyxForm.jtpslx 1 changechangeYxpsRadioel-radio label0 classmb10 :disabledsqyxForm.jtsgry 0 sqyxForm.jtpslx 0A.夫妻双方均符合共有产权住房申购条件且共同申购/el-radiobr /el-radio label1 classmb10 :disabledsqyxForm.jtsgry 1B.港澳青年/el-radiobr /el-radio label2 classmb10 :disabledsqyxForm.jtsgry 1C.二孩以上家庭/el-radiobr /el-radio label3 :disabledsqyxForm.jtsgry 1D.经区政府批准的优先保障对象/el-radio/el-radio-group/el-form-item重点是这个 :rules“sqyxForm.jtpslx ‘0’ ? { required: true, message: ‘请选择’, trigger: ‘change’} : {}” sqyxForm.jtpslx ‘0’ 这个是我上面的选项来动态显示或者禁用的当禁用的时候就不校验
