在vue3中antd中表格的多选，怎么把选中的行传给子组件

在Vue 3中，当你使用Ant Design Vue的表格组件实现多选功能时，可以通过绑定一个数据属性到`v-model`来追踪选中的行。然后，你可以通过事件监听来获取这些选中的行，并将它们传递给子组件。以下是一个基本的实现方式：

1. 首先，在父组件的数据部分定义一个数组来存储选中的行：

export default {
  data() {
    return {
      selectedRowKeys: [], // 存储选中的行的key
      selectedRows: [] // 存储选中的行的数据
    };
  },
  methods: {
    onSelectChange(selectedRowKeys, selectedRows) {
      this.selectedRowKeys = selectedRowKeys;
      this.selectedRows = selectedRows;
    }
  }
};

2. 在模板中，将`v-model`绑定到`selectedRowKeys`，并使用`row-selection`属性来配置表格的多选行为，并添加`onSelectChange`事件处理函数来更新选中的行：

<template>
  <a-table
    :row-selection="{
      selectedRowKeys: selectedRowKeys,
      onChange: onSelectChange
    }"
    @change="onSelectChange"
    :data-source="tableData"
    ...
  >
    <!-- 表格列定义 -->
  </a-table>
  <my-child-component :selected-rows="selectedRows"></my-child-component>
</template>

3. 在子组件中，你可以通过props接收`selectedRows`并进行相应的处理。

通过这种方式，当表格的多选状态发生变化时，`onSelectChange`方法会被调用，选中的行的键和数据会被更新，并通过props传递给子组件。