el-table的批量删除

el-table是element-ui中的一个表格组件，其批量删除功能可以通过el-table的selection-change事件和selection数组配合使用实现。当用户选中了某些行时，selection数组会更新，我们可以在这个事件中获取到当前选中的行的数据，然后将其批量删除。

以下是具体实现步骤：

1. 在el-table上绑定selection-change事件，并在methods中定义一个方法来处理删除操作，例如deleteSelectedRows：

<el-table @selection-change="deleteSelectedRows">
  ...
</el-table>

2. 在methods中定义deleteSelectedRows方法，该方法可以通过this.$refs.table.selection获取当前选中的行数据，然后执行删除操作。

methods: {
  deleteSelectedRows() {
    const selectedRows = this.$refs.table.selection; // 获取选中的行数据
    // 执行批量删除操作
    selectedRows.forEach(row => {
      // 执行删除操作
    });
  }
}

3. 将删除操作封装成一个方法，例如deleteRow，然后在deleteSelectedRows中调用该方法进行批量删除操作。

methods: {
  deleteSelectedRows() {
    const selectedRows = this.$refs.table.selection; // 获取选中的行数据
    // 执行批量删除操作
    selectedRows.forEach(row => {
      this.deleteRow(row); // 调用删除方法
    });
  },
  deleteRow(row) {
    // 执行删除操作
  }
}