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.

zhougl996

3634人浏览 · 2021-12-29 10:18:36

zhougl996 · 2021-12-29 10:18:36 发布

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) {
        
        }
    })
}