1.required(是否必填)
修改el-form-item标签中的prop属性和required属性
/*
isRequired 为 是否必填变量
xxx 为 需要进行校验的字段名
*/
<el-form-item label="哈哈" :prop="isRequired ? '' : 'xxx'" :required="!isRequired "></el-form-item>
2.修改单个字段的校验规则
修改el-form-item标签中的rules属性
举个栗子：select选择不同的option，input改变不同的校验规则
/*
select 为 对应校验规则的选项
xxx 为 需要进行校验的字段名
rulesSwitch1、rulesSwitch2 为 校验规则
*/
<el-form-item label="呵呵" :prop="xxx" :rules="select ? rulesSwitch1 : rulesSwitch2"></el-form-item>
1.required(是否必填)修改el-form-item标签中的prop属性和required属性 2.修改单...
Vue+element - ui 自定义动态表单带校验 父组件对应的数据 子组件
校验规则 表单通过rules属性绑定校验规则对象，表单项通过prop属性绑定具体校验规则 注意校验的字段必须和表单...
在学习element ui 的Form表单组件时，学到el-form-item也有rules属性，但是对应这个属性...
通过官网可以了解到 FormItem 的 props 有一个 rules 表单验证规则，可以控制该表单是否动态必填
Form组件提供表单验证的功能，只需要通过rules属性传入约定的验证规则，并将Form-Item的prop属性设...
前言：业务中台系统中，有表单校验，一般我们都会配置rules属性，进行校验，如果存在多个表单校验，对用户体验很不友...
1.给form表单添加rules :rules="info.radio == '1' ? rules.levelI...
场景：vue+element动态匹配多级菜单
Element UI 表单数据校验 定义 rules 对象，在 rules 对象中设置表单各个选项的校验规则 re...
本文标题：vue+element 表单动态改变rules属性
本文链接：https://www.haomeiwen.com/subject/beolmqtx.html
网友评论