elementui form表单每一级都可以手动添加

ElementUI的Form组件确实可以动态添加表单项，可以通过以下步骤实现：

1. 在data中定义一个数组用于存储表单项，如：

data() {
  return {
    formItems: [
      {
        label: '姓名',
        prop: 'name',
        type: 'input',
        value: '',
      },
      {
        label: '年龄',
        prop: 'age',
        type: 'input',
        value: '',
      },
    ],
  };
},

2. 在模板中使用v-for渲染表单项，如：

<el-form ref="form" :model="form" label-width="100px">
  <el-form-item v-for="(item, index) in formItems" :key="index" :label="item.label" :prop="item.prop">
    <el-input v-if="item.type === 'input'" v-model="item.value"></el-input>
    <el-select v-else-if="item.type === 'select'" v-model="item.value"></el-select>
    <!-- 其他表单项类型 -->
  </el-form-item>
</el-form>

3. 在需要添加表单项的地方，通过以下代码向formItems数组中添加新的表单项：

this.formItems.push({
  label: '邮箱',
  prop: 'email',
  type: 'input',
  value: '',
});

这样就可以动态添加表单项了。需要注意的是，如果添加的表单项需要进行校验，需要手动调用表单的validate方法对新增的表单项进行校验。