ant design vue2 表格复选框怎么判断数据是选中状态

在 Ant Design Vue2 表格中，可以使用 `rowKey` 属性来指定每行数据的唯一标识，然后在 `selection-change` 事件中获取选中的行数据和取消选中的行数据，如下所示：

<a-table :columns="columns" :data-source="data" row-key="id" @selection-change="handleSelectionChange">
  <a-table-column type="selection" width="50"></a-table-column>
  <a-table-column title="姓名" dataIndex="name"></a-table-column>
  <a-table-column title="年龄" dataIndex="age"></a-table-column>
  <a-table-column title="性别" dataIndex="gender"></a-table-column>
</a-table>

在 `handleSelectionChange` 方法中，可以通过遍历选中的行数据，判断是否在已选中的数组中存在，从而判断该行数据是否被选中，如下所示：

handleSelectionChange(selectedRows) {
  const selectedIds = this.selectedRows.map(row => row.id);
  selectedRows.forEach(row => {
    if (selectedIds.includes(row.id)) {
      row.selected = true;
    } else {
      row.selected = false;
    }
  });
  this.selectedRows = selectedRows;
}

在上面的代码中，`selectedRows` 是当前选中的行数据数组，`selectedIds` 是已选中的行数据的 id 数组，通过遍历 `selectedRows` 数组，可以判断当前行数据是否被选中，并将选中状态保存在 `selected` 属性中。最后将选中的行数据数组保存在 `selectedRows` 变量中，以便其他地方获取。