ant design vue如何在表格最后一列添加选择框

要在Ant Design Vue表格的最后一列添加选择框，可以使用`customRender`属性和`selection`组件结合。首先，在表格的`columns`中添加一个自定义渲染函数，如下所示：

columns: [
  // 其他列配置...
  {
    title: '选择',
    customRender: ({ record }) => {
      return <a-checkbox checked={this.selectedRows.includes(record)} onChange={(e) => this.handleSelect(record, e)} />
    }
  }
]

在自定义渲染函数中，我们使用`<a-checkbox>`组件来渲染选择框，并将`checked`属性设置为当前行是否被选中，`onChange`事件处理函数则调用`handleSelect`方法来更新选中行数组`selectedRows`。

接着，在表格的`template`中，添加`selection`组件，如下所示：

<a-table :columns="columns" :dataSource="dataSource" :rowKey="record => record.id" :pagination="false" :rowSelection="{selectedRowKeys: selectedRows, onChange: handleSelectAll}">
  <template #selection>
    <a-checkbox v-model:checked="isAllSelected" @change="handleSelectAll">{{isAllSelected ? '取消全选' : '全选'}}</a-checkbox>
  </template>
</a-table>

在`template`中，我们使用`<a-table>`组件的`rowSelection`属性来开启行选择功能，并将选中行的`key`保存在`selectedRows`数组中，并通过`onChange`事件处理函数`handleSelectAll`来实现全选/取消全选功能。在`template`的`selection`插槽中，我们使用`<a-checkbox>`组件来实现全选/取消全选的交互操作。

最后，需要在组件的`data`中定义一些变量和方法，如下所示：

data() {
  return {
    selectedRows: [], // 选中行的key数组
    isAllSelected: false // 是否全选
  }
},
methods: {
  // 处理行选择
  handleSelect(record, e) {
    const index = this.selectedRows.indexOf(record.id)
    if (e.target.checked && index === -1) {
      this.selectedRows.push(record.id)
    } else if (!e.target.checked && index !== -1) {
      this.selectedRows.splice(index, 1)
    }
    this.isAllSelected = this.selectedRows.length === this.dataSource.length
  },
  // 处理全选/取消全选
  handleSelectAll(e) {
    if (e.target.checked) {
      this.selectedRows = this.dataSource.map(record => record.id)
    } else {
      this.selectedRows = []
    }
    this.isAllSelected = e.target.checked
  }
}

在`handleSelect`方法中，我们根据`<a-checkbox>`的选中状态来更新选中行数组`selectedRows`，并根据选中行数与总行数的比较来更新全选/取消全选的状态。在`handleSelectAll`方法中，我们根据`<a-checkbox>`的选中状态来更新选中行数组`selectedRows`和全选/取消全选的状态。

这样，就可以在Ant Design Vue表格的最后一列添加选择框了。