VxeTable 获取选中行

在VxeTable中，要获取选中行，你可以使用`vxe-grid`组件提供的API。如果你有一个`type="checkbox"`的列并且希望获取当前选中的行，可以调用`getCheckboxRecords()`方法[^1]：

<template>
  <vxe-grid ref="grid" ...>
    ...
    <!-- 你的表格配置 -->
    ...
    <vxe-column field="..." type="selection" width="50"></vxe-column> <!-- 带有checkbox选择的列 -->
    ...
  </vxe-grid>

  <button @click="deleteSelectedRows">删除选中行</button>
</template>

<script>
export default {
  methods: {
    deleteSelectedRows() {
      const selectedRows = this.$refs.grid.getCheckboxRecords(); // 获取选中的行数据
      if (selectedRows.length > 0) { 
        // 删除数据操作（这里只是一个示例，实际应用需替换为相应数据库或数组操作）
        this.data = this.data.filter(row => !selectedRows.includes(row)); 
      }
    },
  },
};
</script>

在这个例子中，当点击“删除选中行”按钮时，会调用`getCheckboxRecords(true)`来获取所有已选中的行，然后从原始数据`this.data`中过滤掉这些行。