el-form表单结合el-row循环数组，动态添加表单

在Element UI中，你可以通过结合`<el-form>`表单组件和`<el-row>`以及Vue的动态渲染能力，来创建一个可以处理数组数据的动态表单。这里是一个基本的示例：

首先，你需要在data中定义一个数组，存储你要循环的数据：

data() {
  return {
    forms: [
      { field: '', label: 'Field 1', required: false },
      { field: '', label: 'Field 2', required: true }
    ],
    items: [] // 初始化空数组用于存放动态生成的表单项
  };
},

然后，在模板部分，你可以使用v-for指令来遍历数组并创建新的表单行：

<template>
  <el-form :model="items" ref="form">
    <el-row v-for="(item, index) in forms" :key="index">
      <el-form-item :label="item.label" :prop="'items.' + index + '.field'">
        <el-input v-model="item.field"></el-input>
        <!-- 如果有其他验证规则，可以在el-form-item上设置rules -->
        <el-form-item-error prop="field"></el-form-item-error>
      </el-form-item>
    </el-row>
    <el-button @click="addFormItem">新增</el-button>
  </el-form>
</template>

当点击“新增”按钮时，你可以添加一个新的表单项到`forms`数组：

methods: {
  addFormItem() {
    this.forms.push({
      field: '',
      label: 'New Field',
      required: false
    });
    this.$refs.form.appendForm(this.forms[this.forms.length - 1]);
  }
}

在这里，`appendForm`是Element UI提供的一个自定义方法，它会在表单的末尾追加新生成的表单元素。记得在你的项目中引入Element UI，并实现这个方法。