Vue-table-2选择所有行选项

<template>
  <vue-table :data="tableData" @selection-change="handleSelectionChange">
    <vue-table-column type="selection" width="55"></vue-table-column>
    <!-- 其他列定义 -->
  </vue-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      selectedRows: [] // 已选择的行
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedRows = selection;
    }
  }
};
</script>

methods: {
  toggleSelectAll() {
    if (this.isAllSelected) {
      this.selectedRows = [];
    } else {
      this.selectedRows = this.tableData.slice();
    }
    this.isAllSelected = !this.isAllSelected;
  }
}

<template>
  <vue-table :data="tableData">
    <vue-table-column type="selection" width="55" :select-all="toggleSelectAll"></vue-table-column>
    <!-- 其他列定义 -->
  </vue-table>
</template>