vben table 新增行

在VBen Table（VUE表单企业版UI组件库）中，新增行通常涉及以下几个步骤：

1. **获取实例**：首先，你需要确保你已经引用了VBen Table，并且它绑定了到一个Vue实例上。例如：

   <vgt-table :data="tableData" @insertRow="onInsertRow"></vgt-table>

在这里，`:data`属性用于传递表格数据，`@insertRow`则是事件处理器，当需要插入新行时会触发。

2. **定义事件处理函数**：在Vue组件里定义一个方法来处理新行的插入：

   methods: {
     onInsertRow(row) {
       // 这里row是你需要插入的新行数据
       this.tableData.push(row);
     },
   }

当用户触发如点击添加按钮之类的操作时，这个函数会被调用，并将新行添加到表格的数据源`tableData`数组中。

3. **触发事件**：最后，在你想要添加新行的地方，比如按钮的点击事件中，触发`insertRow`事件：

   this.$emit('insertRow', newRow);

或者如果是模板内，可以直接使用`vgt-insert-row`指令：

   <button @click="$emit('insertRow', newRow)">Add Row</button>
   `<vgt-insert-row></vgt-insert-row>`

4. **注意事项**：确保你在`data`选项或计算属性中初始化`tableData`，并且确保数据模式和插件配置相匹配。