vue2点击按钮添加el-form-item

在Vue 2中，如果你想通过点击按钮动态地向`el-form`组件中添加`el-form-item`，你可以使用`v-for`循环或者`ref`属性结合JavaScript操作DOM。这里提供一个简单的示例：

首先，你需要在模板部分有一个按钮和一个初始的form容器，比如：

<template>
  <div>
    <button @click="addFormItem">添加项</button>
    <el-form ref="form">
      <!-- 初始的 form items -->
      <el-form-item v-for="(item, index) in items" :key="index">{{ item.label }}</el-form-item>
    </el-form>
  </div>
</template>

然后，在script部分定义数据和方法：

<script>
export default {
  data() {
    return {
      items: [], // 存放form items的数据
    };
  },
  methods: {
    addFormItem() {
      // 创建一个新的form item对象并push到数组中
      this.items.push({
        label: '新输入项', // 这里可以根据需要改变label或其他属性
      });

      // 使用ref获取form元素，并添加新的form item
      this.$refs.form.append('<el-form-item :label="$items[items.length - 1].label"></el-form-item>');
    },
  },
};
</script>

当点击“添加项”按钮时，会创建一个新的form item，并将其追加到form的最后。