ant vue row-使用 onSelect 时 不能全选

Ant Design Vue 中的 Table 组件的 `row-select` 功能，当使用 `onSelect` 回调处理全选操作时，可能会遇到默认禁用了所有行被选中的情况。这是因为 Ant Design 对表格的全选功能做了预设，通常会有一个全局的 "取消全选" 的逻辑。

如果你想要实现在 `onSelect` 中实现全选功能，你需要手动控制这个选择状态。可以创建一个全局变量来存储当前是否全部选中，然后在 `onSelect` 中更新这个变量，并根据变量的值控制每行的 `selected` 属性。

以下是一个简单的示例：

<template>
  <a-table :data="tableData" :select-row-keys="selectAllKeys">
    <!-- ... -->
    <a-column type="selection" />
    <!-- ... -->
    <template slot-scope="scope">
      <span @click.stop v-if="selectAll">{{ selectAll ? '取消全选' : '全选' }}</span>
      <!-- 或者直接绑定到行的 selected 属性上 -->
      <span :class="{ selected: scope.$index === selectedIndex }"
            @click="toggleSelection(scope.$index)">
        {{ scope.row.name }}
      </span>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      selectAllKeys: [], // 存储当前选中的行索引
      selectAll: false,
      selectedIndex: null,
    };
  },
  methods: {
    toggleSelection(index) {
      if (this.selectAll) {
        this.selectAllKeys = [];
      } else {
        this.selectAllKeys.push(index);
      }
      this.selectAll = !this.selectAll;
    },
  },
  // ...其他生命周期钩子和事件处理
};
</script>

在这个例子中，`toggleSelection` 方法用于切换全选状态，当你点击 "全选" 或 "取消全选" 按钮时，它会更新 `selectAllKeys` 和 `selectAll` 变量。