例如根据chargeBase字段 取值 1,Interest Rate字段为必填2为非必填
<el-form :model="form" ref="form" :inline="true" label-width="auto" :rules="addFormRules">
<el-form-item label="Interest Rate" prop="interestRate" :required="isYes">
<el-input v-model="form.interestRate" autocomplete="off" type="number" clearable placeholder="Interest Rate" :disabled="isDisabled"></el-input>
</el-form-item>
</el-form>
data() {
let validateName1 = (rule, value, callback) => {
// 当活动名称为空值且为必填时,抛出错误,反之通过校验
if (this.form.chargeBase == 1) {
if (this.form.interestRate == "" || !this.form.interestRate) {
callback(new Error("Please Choose Interest Rate"));
}else {
callback()
}
}else {
callback()
}
};
return {
addFormRules: {
chargeBase: [
{
required: true,
message: "Please Choose Change mark",
trigger: "change"
}
],
}
}
}
:required="isYes"重要
computed: {
isYes() {
return this.form.chargeBase == 1;
},
},