vue中el-table怎么动态添加一行

在Vue中，要动态添加一行到el-table中，可以通过操作数据源来实现。下面是一个简单的示例：

1. 首先，在data中定义一个数组，用于存储表格的数据，例如`tableData`。

data() {
  return {
    tableData: [
      { name: 'John', age: 25, gender: 'Male' },
      { name: 'Jane', age: 30, gender: 'Female' },
      // 其他行数据...
    ]
  }
}

2. 在需要动态添加行的地方，通过调用一个方法来添加新的数据行。

methods: {
 addRow() {
    this.tableData.push({ name: '', age: null, gender: '' });
  }
}

3. 在el-table组件中，使用v-for指令循环渲染表格的每一行数据。

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column prop="gender" label="Gender"></el-table-column>
</el-table>

4. 在需要触发添加行的地方，可以使用按钮或者其他交互元素，并绑定click事件来调用添加行的方法。

<el-button type="primary" @click="addRow">Add Row</el-button>

这样，每次点击"Add Row"按钮时，就会在表格中动态添加一行空数据。你可以根据实际需求修改数据结构和表格列的配置。