ant-design-vue 表格使用单选的方法

参考API：https://www.antdv.com/components/table/#components-table-demo-selection

 

 

1，type 没有写的时候 默认是多选的  ，type 为 'radio' 是单选的 

<s-table
      ref="tableModal"
      size="middle"
      rowKey="id"
      :columns="devColumns"
      v-tableScrollBar="'overflow'"
      :pageNum="pagination.page"
      :pageSize="pagination.pageSize"
      :data="loadDevData"
      showPagination="auto"
      :scroll="{ y: 'calc(100vh - 500px)' }"
      :rowSelection="{ selectedRowKeys: selectedRowKeysArray, onChange: onSelectChange, type: 'radio' }"
    >

方法：

selectedRowKeys是个数组，selectedRows  是个对象的数组 取的时候记得取[0]

onSelectChange(selectedRowKeys, selectedRows) {
      this.selectedRowKeysArray = selectedRowKeys;
      this.selectedRows = selectedRows;
    }

效果图：