vue+element 表单动态改变rules属性

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>