ant design vue前端table组件连接后台接口数据，点击前方的选择框怎么获取当前行数据的id，写个简单代码

当您点击选择框时，可以通过事件响应机制获取到当前行的数据，进而获取该数据的id。具体实现方式可以参考下面的代码示例（假设您使用的是ant design vue的Table组件）：

<!-- 在表格中添加选择框，并绑定change事件 -->
<template>
  <a-table :columns="columns" :data-source="data" row-key="id" @change="onSelectChange">
    <template slot="selection" slot-scope="{ selectedRowKeys }">
      <a-checkbox :indeterminate="selectedRowKeys.length > 0 && selectedRowKeys.length < data.length" :checked="selectedRowKeys.length === data.length" @change="handleSelectAll"></a-checkbox>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      data: [], // 表格数据
      selectedRowKeys: [], // 选择的行的id列表
      columns: [/*...*/], // 表格列定义
    };
  },
  methods: {
    onSelectChange(selectedRowKeys, selectedRows) {
      // 保存选择的行的id列表
      this.selectedRowKeys = selectedRowKeys;
    },
    handleSelectAll(selected) {
      // 选中所有行时
      if (selected) {
        this.selectedRowKeys = this.data.map((row) => row.id);
      } else {
        this.selectedRowKeys = [];
      }
    },
  },
};
</script>

在以上代码中，我们通过给Table组件添加selection插槽来添加选择框，然后绑定change事件，获取选中的行的id列表。当您需要获取当前行的id时，只需在事件处理函数中遍历选中的行的列表，并查找到该行的id即可。