el-form-item 循环校验

对循环校验 el-form-item，您可以通过使用 v-for 指令来循环生成多个 el-form-item，并设置不同的校验规则。下面是一个示例代码：

<template>
  <el-form>
    <el-form-item v-for="(item, index) in formItems" :key="index" :prop="'field' + index" :rules="getRules(index)">
      <el-input v-model="item.value"></el-input>
    </el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formItems: [
        {
          value: ''
        },
        {
          value: ''
        },
        // 添加更多的表单项...
      ]
    };
  },
  methods: {
    getRules(index) {
      return [
        { required: true, message: '此项不能为空', trigger: 'blur' },
        // 添加更多的校验规则...
      ];
    },
    submitForm() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 校验通过，执行提交操作
          // ...
        } else {
          // 校验失败，提示错误信息
          // ...
        }
      });
    }
  }
};
</script>

在上述代码中，通过 v-for 指令循环生成了多个 el-form-item，并且根据索引设置了不同的校验规则。在 getRules 方法中，可以根据索引返回不同的校验规则数组。然后在 submitForm 方法中，通过 this.$refs.form.validate 进行表单校验，校验通过即可执行提交操作，否则提示错误信息。

请根据实际需求进行适当的修改和调整。希望对您有帮助！