ant design vue 表格（Table）多个多选功能组件实现

要实现Ant Design Vue表格（Table）的多个多选功能组件，你可以使用Ant Design Vue的Table组件的row-selection属性。这个属性可以将表格的每一行都变成一个可选中的复选框。如果需要多个多选功能组件，你可以将多个Table组件嵌套在一个父组件中，并在每个Table组件中使用不同的row-selection属性来实现不同的多选功能。

以下是一个简单的示例代码：

<template>
  <div>
    <a-table :columns="columns1" :data-source="data" :row-selection="rowSelection1"></a-table>
    <a-table :columns="columns2" :data-source="data" :row-selection="rowSelection2"></a-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        data: [
          { key: '1', name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park' },
          { key: '2', name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park' },
          { key: '3', name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park' },
          { key: '4', name: 'Jim Red', age: 32, address: 'London No. 2 Lake Park' }
        ],
        rowSelection1: {
          type: 'checkbox',
          onChange: (selectedRowKeys, selectedRows) => {
            console.log(selectedRowKeys, selectedRows);
          }
        },
        rowSelection2: {
          type: 'radio',
          onChange: (selectedRowKeys, selectedRows) => {
            console.log(selectedRowKeys, selectedRows);
          }
        },
        columns1: [
          {
            title: 'Name',
            dataIndex: 'name'
          },
          {
            title: 'Age',
            dataIndex: 'age'
          },
          {
            title: 'Address',
            dataIndex: 'address'
          }
        ],
        columns2: [
          {
            title: 'Name',
            dataIndex: 'name'
          },
          {
            title: 'Age',
            dataIndex: 'age'
          },
          {
            title: 'Address',
            dataIndex: 'address'
          }
        ]
      };
    }
  };
</script>

在这个示例中，我们创建了两个Table组件，并分别定义了不同的row-selection属性。第一个Table组件使用复选框，第二个Table组件使用单选框。当用户选择行时，我们使用onChange事件来打印所选行的键和值。

你可以根据自己的需求修改代码来实现不同的多选功能组件。