elementui的table组件 里面做多行批量删除

要实现elementui的table组件中多行批量删除，你可以按照以下步骤进行操作：

1. 在table的列中添加一个选择框列，用来勾选要删除的行。

2. 在table的顶部或底部添加一个“删除选中”按钮。

3. 给“删除选中”按钮添加一个点击事件，获取所有被勾选的行的id或索引。

4. 调用table的remove方法，传入被勾选的行的id或索引，即可删除这些行。

以下是一个简单的示例代码：

<template>
  <div>
    <el-button type="danger" @click="handleDeleteSelected">删除选中</el-button>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column type="selection"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 18, address: '北京市' },
        { id: 2, name: '李四', age: 20, address: '上海市' },
        { id: 3, name: '王五', age: 22, address: '广州市' },
        { id: 4, name: '赵六', age: 24, address: '深圳市' }
      ],
      selectedRows: []
    }
  },
  methods: {
    handleDeleteSelected() {
      const ids = this.selectedRows.map(row => row.id)
      this.tableData = this.tableData.filter(row => !ids.includes(row.id))
    }
  }
}
</script>

需要注意的是，在上述示例代码中，我们使用了一个数组selectedRows来保存被勾选的行的数据，这个数组需要在勾选和取消勾选行时进行更新。同时，我们也需要调用table的clearSelection方法来清空选择框的勾选状态。