vue2内form表单实现新增人员信息，点击加号新增一条填人员信息的

在Vue 2中实现表格形式的添加新人员信息，通常会配合`v-model`、数组和`v-for`指令。首先，你需要创建一个包含人员信息的数据项数组，并在模板中定义一个动态生成的输入框组：

<template>
  <div>
    <table>
      <thead>
        <!-- 表头列 -->
      </thead>
      <tbody>
        <tr v-for="item in employees">
          <td><input type="text" v-model="item.name" placeholder="姓名"></td>
          <td><input type="email" v-model="item.email" placeholder="邮箱"></td>
          <!-- 其他字段... -->
          <td>
            <!-- 新增按钮 -->
            <button @click="addEmployee">+</button>
          </td>
        </tr>
        <!-- 当需要添加新的行时，动态插入新行 -->
        <tr v-if="newEmployee">
          <td><input type="text" v-model="newEmployee.name" placeholder="姓名"></td>
          <td><input type="email" v-model="newEmployee.email" placeholder="邮箱"></td>
          <!-- 新增行其他字段... -->
          <td>
            <!-- 新增按钮 -->
            <button @click="handleAdd">添加</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      employees: [], // 初始化为空的员工数组
      newEmployee: {}, // 新增员工信息初始值
    };
  },
  methods: {
    addEmployee() { // 点击加号事件
      this.newEmployee = {}; // 清空新员工信息
    },
    handleAdd() { // 添加新员工到数组
      if (this.newEmployee) {
        this.employees.push(this.newEmployee); // 将新员工添加到数组
        this.newEmployee = {}; // 之后再次点击加号应清空
      }
    },
  },
};
</script>

在这个例子中，当点击加号按钮时，`addEmployee`方法会被触发，将新员工对象初始化为空。当用户填写完整并点击“添加”按钮时，`handleAdd`方法会将新员工对象添加到`employees`数组中。