Such codes are cyclically bound, we can use: rules="getRules(item)" to solve
<el-form-item :label="item.name" :prop="item.key" :required="item.required" :rules="getRules(item)">
<el-input v-model="item.value" :placeholder="`请输入${item.name}`" />
</el-form-item>
methods event
getRules(item) {
const rules = [];
if (!item.value) {
rules.push({ required: true, message: `${item.name}不能为空`, trigger: "blur" });
}
return rules;
},
Solved successfully! ! !