element-plus中v-for循环后表单验证

在element-plus中，可以使用v-for循环渲染表单控件，并且可以对这些控件进行表单验证。具体步骤如下：

1. 在表单控件上添加ref属性，并设置为一个唯一的字符串。

例如：

<el-form-item label="姓名" prop="name" v-for="(item, index) in formList" :key="item.id">
  <el-input v-model="item.name" :ref="'name'+index"></el-input>
</el-form-item>

2. 在表单中设置验证规则。

例如：

<el-form :rules="rules" ref="form">
  ...
</el-form>

rules是一个对象，其中包含了表单控件的验证规则。可以使用ref属性获取到表单控件并进行验证。

3. 在验证方法中获取表单控件的值并进行验证。

例如：

validate() {
  return new Promise((resolve, reject) => {
    this.$refs.form.validate((valid) => {
      if (valid) {
        resolve(true);
      } else {
        reject(false);
      }
    });
  });
}

在上面的代码中，$refs.form可以获取到表单组件实例，然后调用validate()方法进行表单验证。如果验证通过，则resolve(true)，否则reject(false)。在验证过程中，可以通过this.$refs['name'+index].$refs.input获取到表单控件的值，并对其进行验证。

注意：在使用v-for循环渲染表单控件时，需要为每个表单控件设置一个唯一的ref属性。可以使用index或者表单数据中的唯一标识作为ref属性的一部分。