ant design vue2 选中表格复选框的数据 另一个表格显示选中的数据

您好，您可以使用 Ant Design Vue2 中的 Table 组件和 Checkbox 组件来实现该功能。具体步骤如下：

1. 在 Table 中增加一个列来显示 Checkbox 组件，同时给 Checkbox 组件绑定一个 v-model，将选中的数据保存在一个数组中。

<template>
  <a-table :columns="columns" :data-source="dataSource" row-key="id">
    <template #selection="text">
      <a-checkbox :value="text.id" v-model="selectedRows"></a-checkbox>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        // 其他列
        {
          title: '选择',
          dataIndex: 'id',
          key: 'id',
          slots: { customRender: 'selection' }
        }
      ],
      dataSource: [
        // 数据源
      ],
      selectedRows: [] // 选中的数据
    }
  }
}
</script>

2. 在另一个 Table 中显示选中的数据，可以使用 computed 计算属性来筛选出选中的数据。

<template>
  <a-table :columns="selectedColumns" :data-source="selectedData" row-key="id"></a-table>
</template>

<script>
export default {
  computed: {
    selectedData() {
      return this.dataSource.filter(item => this.selectedRows.includes(item.id))
    },
    selectedColumns() {
      // 另一个 Table 的列定义
    }
  }
}
</script>

这样就可以实现选中一个表格的 Checkbox，另一个表格显示选中的数据的功能了。希望能对您有所帮助！