这样的代码,循环绑定的,我们可以利用:rules="getRules(item)"解决
<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事件
getRules(item) {
const rules = [];
if (!item.value) {
rules.push({ required: true, message: `${item.name}不能为空`, trigger: "blur" });
}
return rules;
},
成功解决!!!