element ui 表单嵌套数组

在 Element UI 中，如果你想要在表单中嵌套数组，并且能够动态增加或删除数组项，你可以使用 `el-form`、`el-form-item` 和 `el-input` 等组件来实现。

以下是一个示例代码片段，展示了如何在 Element UI 的表单中嵌套数组，并实现动态增减数组项的功能：

<template>
  <el-form :model="formData" ref="form" label-width="100px">
    <el-form-item v-for="(item, index) in formData.items" :key="index">
      <el-input v-model="item.value" :placeholder="item.label"></el-input>
      <el-button @click="removeItem(index)" type="danger" icon="el-icon-delete"></el-button>
    </el-form-item>
    <el-button @click="addItem" type="primary">添加项</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        items: [
          { label: 'Label 1', value: '' },
          { label: 'Label 2', value: '' },
        ],
      },
    };
  },
  methods: {
    addItem() {
      this.formData.items.push({ label: '', value: '' });
    },
    removeItem(index) {
      this.formData.items.splice(index, 1);
    },
  },
};
</script>

在上面的代码中，我们使用 `v-for` 指令来遍历 `formData.items` 数组，该数组包含了表单中的嵌套项。对于每个数组项，我们使用 `el-input` 组件来显示输入框，并使用 `v-model` 指令实现数据绑定。

我们还使用了一个删除按钮，当点击按钮时，调用 `removeItem` 方法来删除对应的数组项。

最后，我们添加了一个“添加项”按钮，点击该按钮时，调用 `addItem` 方法来动态添加新的数组项。

通过这种方式，你可以在 Element UI 的表单中嵌套数组，并实现动态增减数组项的功能。你可以根据实际需求，使用其他 Element UI 组件来代替 `el-input`，以实现不同的表单元素类型。