elementui 自定义循环表单验证

好的，关于elementui自定义循环表单验证，您可以参考以下步骤：

1. 在需要验证的表单项中设置ref属性，例如：

<el-form ref="myForm">
  <el-form-item v-for="(item,index) in formList" :key="index" :label="item.label">
    <el-input v-model="item.value" />
  </el-form-item>
</el-form>

2. 在需要添加验证规则的组件中设置prop属性，例如：

<el-form-item v-for="(item,index) in formList" :key="index" :label="item.label">
  <el-input v-model="item.value" :placeholder="item.placeholder" :prop="'formList.'+index+'.value'" />
</el-form-item>

其中prop的值被设置成"formList.index.value"，这样可以对对应的表单项进行验证。

3. 在data中定义表单数据和验证规则，例如：

data() {
  return {
    formList: [
      { label: '姓名', value: '', placeholder: '请输入姓名' },
      { label: '年龄', value: '', placeholder: '请输入年龄' },
      { label: '邮箱', value: '', placeholder: '请输入邮箱' }
    ],
    rules: {
      'formList.0.value': [
        { required: true, message: '请输入姓名', trigger: 'blur' }
      ],
      'formList.1.value': [
        { required: true, message: '请输入年龄', trigger: 'blur' },
        { type: 'number', message: '年龄必须是数字值', trigger: 'blur' }
      ],
      'formList.2.value': [
        { required: true, message: '请输入邮箱', trigger: 'blur' },
        { type: 'email', message: '邮箱格式不正确', trigger: ['blur', 'change'] }
      ]
    }
  }
}

在上述代码中，rules中定义了每个表单项对应的验证规则，并通过prop指定了对应的表单值。

4. 在提交表单时触发验证，例如：

submitForm() {
  this.$refs['myForm'].validate(valid => {
    if (valid) {
      // 表单验证通过
      console.log('表单验证通过！');
    } else {
      // 表单验证失败
      console.log('表单验证失败！');
      return false;
    }
  });
}

在submitForm函数中，通过this.$refs['myForm'].validate()方法触发表单验证，将验证结果返回给回调函数valid。如果valid为true，则表单验证通过，否则表单验证失败。

以上就是elementui自定义循环表单验证的基本流程，您可以根据需求进行调整和优化。希望对您有所帮助！