el-form 动态添加标签

在Element UI库中的`el-form`组件中，动态添加标签通常是通过JavaScript或者Vue.js的数据绑定和响应式特性来实现的。当你需要在表单中添加新的输入字段时，你可以按照以下步骤操作：

1. 首先，在你的Vue实例中，定义一个数组来存储表单项的信息，例如每个输入字段的名称、标签等数据。

data() {
  return {
    formItems: [
      { label: '静态项', field: 'staticInput' },
    ],
  };
}

2. 创建一个函数来处理动态添加新项。比如，你可以创建一个按钮点击事件，每次点击就追加一个新的对象到`formItems`数组中。

<template>
  <el-button @click="addFormItem">新增项</el-button>
</template>

<script>
methods: {
  addFormItem() {
    this.formItems.push({ label: '动态项', field: `dynamicField${this.formItems.length}` });
  }
}
</script>

3. 在模板中，使用v-for遍历`formItems`数组，渲染出每个表单项，包括其标签。

<el-form-item v-for="(item, index) in formItems" :key="index">
  <label>{{ item.label }}</label>
  <el-input v-model="item.field"></el-input>
</el-form-item>

这样，每当你点击“新增项”按钮，就会动态生成一个新的表单项，并显示相应的标签。