a-table 自定义多选框

`a-table` 是 Ant Design Vue 中的一个表格组件，它支持丰富的自定义功能，包括自定义列、单元格、以及交互元素如多选框。如果你想要在 `a-table` 的列中添加自定义多选框，你可以这样做：

1. 首先，你需要在列配置（column definition）中指定一个特殊的渲染函数，比如使用 `render` 或 `formatter` 函数。

<template>
  <a-table :columns="columns" :data-source="data">
    <!-- ... -->
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '操作',
          dataIndex: 'action',
          render: (text, record) => `<el-checkbox v-model="selectedIds.includes(record.id)">选择</el-checkbox>`,
          // 或者直接使用formatter
          // formatter: ({ row }) => `<el-checkbox v-model="selectedIds.includes(row.id)">选择</el-checkbox>`
        },
        {/* 其他列 */}
      ],
      data: [], // 表格数据
      selectedIds: [] // 存储选中的项ID
    };
  },
  methods: {
    // 可能需要的处理勾选事件
    handleCheckboxChange(rowId) {
      this.selectedIds = [...this.selectedIds.filter(id => id !== rowId), rowId];
    }
  }
};
</script>

在这个例子中，每个表行的 "操作" 列会显示一个复选框，用户可以选择某一行。`v-model` 绑定到 `selectedIds` 数组，当用户勾选或取消勾选时，`handleCheckboxChange` 方法会被触发更新选中的项目。