vxetable何如删除checkbox选中的行

### 回答1：
可以使用vue-table-component中的removeSelected方法来删除checkbox选中的行。首先，在你的template中加入一个删除按钮，并绑定一个方法，如下所示:

<template>
  <vue-table-component>
    <template slot="table-actions">
      <button @click="removeSelected">删除选中行</button>
    </template>
  </vue-table-component>
</template>

然后在你的script标签中，添加removeSelected方法:

<script>
export default {
  methods: {
    removeSelected() {
      this.$refs.table.removeSelected()
    },
  },
}
</script>

removeSelected方法会删除checkbox选中的所有行。

### 回答2：
vxetable是一个基于Vue.js和Element UI的表格组件，用于实现数据展示和交互功能。要删除checkbox选中的行，可以按照以下步骤进行操作：

1. 在表格的列定义中添加一个包含checkbox的列，并设置对应的prop属性，例如：

{
  field: '__selection__',
  width: 40,
  align: 'center',
  type: 'selection'
}

这样就会在表格中显示带有checkbox的列。

2. 在表格实例中定义一个变量来存储选中的行的数据：

data() {
  return {
    selectedRows: [] // 存储选中行的数据
  }
}

3. 给checkbox列添加一个事件监听，当checkbox状态改变时，更新选中行的数据：

<vxe-table-column field="__selection__" align="center" type="selection" @change-selection="handleSelectionChange"></vxe-table-column>

methods: {
  handleSelectionChange(selectedRows) {
    this.selectedRows = selectedRows
  }
}

这样，每次checkbox选中状态改变时，`handleSelectionChange`方法都会执行，并更新`selectedRows`变量的值。

4. 定义删除选中行的操作方法，可以创建一个按钮或其他触发手段来调用这个方法：

methods: {
  deleteSelectedRows() {
    // 遍历selectedRows数组，根据行数据的唯一标识进行删除操作
    // 这里假设行数据的唯一标识字段为id
    this.selectedRows.forEach(row => {
      const index = this.tableData.findIndex(item => item.id === row.id)
      this.tableData.splice(index, 1) // 从表格数据中删除选中的行
    })
    this.selectedRows = [] // 清空选中行的数据

    // 如果使用服务端分页，可以在此发送异步请求到后台删除对应的行数据
    // ...
  }
}

在这个方法中，我们遍历`selectedRows`数组，根据行数据的唯一标识字段进行删除操作。在完成删除后，需要清空`selectedRows`数组。

通过以上步骤，就可以实现删除checkbox选中的行的功能。当点击“删除选中行”按钮或其他触发方法时，会执行`deleteSelectedRows`方法，将选中的行从表格数据中删除，并清空选中行的数据。

### 回答3：
要删除VxeTable中选中的行，可以按照以下步骤进行操作：

1. 首先，在VxeTable组件中定义一个data属性，用于存储表格的数据。例如，可以定义一个名为tableData的数组，用来存储表格的行数据。

2. 在表格中的每一行添加一个checkbox，用于选择要删除的行。可以使用VxeTable组件提供的selection-config配置项来配置checkbox的显示和选择行为。

3. 在页面中添加一个按钮，用于触发删除选中行的操作。

4. 在按钮的点击事件中，编写一个方法来处理删除选中行的逻辑。可以在该方法中使用VxeTable组件提供的getSelection方法来获取选中的行数据。

5. 将获取到的选中行数据与tableData中的数据进行比较，找到要删除的行的索引。

6. 使用splice方法将要删除的行从tableData数组中移除，从而实现删除选中行的操作。

下面是一个示例代码，用于演示如何删除VxeTable中选中的行：

<template>
  <div>
    <vxe-table :data="tableData">
      <vxe-table-column type="selection" width="60"></vxe-table-column>
      <vxe-table-column field="name" title="姓名"></vxe-table-column>
      <vxe-table-column field="age" title="年龄"></vxe-table-column>
    </vxe-table>
    <button @click="deleteSelectedRows">删除选中行</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  },
  methods: {
    deleteSelectedRows() {
      const selectedRows = this.$refs.table.getSelection();
      selectedRows.forEach(row => {
        const index = this.tableData.indexOf(row);
        if (index > -1) {
          this.tableData.splice(index, 1);
        }
      });
    }
  }
};
</script>

通过以上步骤的操作，当点击按钮时，选中的行将会从表格中删除。