ant design vue2 table添加复选框

在 Ant Design Vue2 中，可以通过 `row-selection` 属性为表格添加复选框。具体步骤如下：

1. 在 Table 组件中添加 `row-selection` 属性，并设置 `type` 为 `'checkbox'`。

<template>
  <a-table :columns="columns" :data-source="data" row-selection="{type: 'checkbox'}">
  </a-table>
</template>

2. 在 `columns` 数组中添加一个对象，用于显示复选框列。

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '',
          dataIndex: 'checkbox',
          width: '50px',
          customRender: ({ record }) => {
            return <a-checkbox value={record.id}></a-checkbox>;
          }
        },
        {
          title: 'Name',
          dataIndex: 'name',
          key: 'name'
        },
        {
          title: 'Age',
          dataIndex: 'age',
          key: 'age'
        }
      ],
      data: [
        {
          id: '1',
          name: 'John Brown',
          age: 32
        },
        {
          id: '2',
          name: 'Jim Green',
          age: 42
        },
        {
          id: '3',
          name: 'Joe Black',
          age: 32
        }
      ]
    };
  }
};
</script>

这样就可以在表格中添加复选框了。需要注意的是，使用 `row-selection` 属性后，Table 组件会自动添加一个全选复选框。如果需要获取选中的行，可以通过 `row-selected` 事件来获取。