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

1.单个

/*
  isRequired 为条件
  xxx 为 需要进行校验的字段名
*/ 
<el-form-item label="样式" :prop="isRequired ? '' : 'xxx'"  :required="!isRequired "></el-form-item>

2.rules

/*
  isRequired 为条件
  xxx 为 需要进行校验的字段名
  rules1、rules2 为 校验规则
  item 绑定的数据
  form 提交时用
*/ 
<el-form :rules="isRequired ? rules1 : rules2" :model="item" ref="form">
    <el-form-item label="样式" prop="xxx">
        <el-input v-model="item.xxx"></el-input>
    </el-form-item>
</el-form>

// 提交表单
save(index) {
    this.$refs.addForm[index].validate(valid => {
        if (valid) {
        
        }
    })
}