The looped el-input non-null verification invalidation solution

 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! ! !

Guess you like

Origin blog.csdn.net/qq_43770056/article/details/130505236