ant-design-vue 表格使用单选的方法
参考API:https://www.antdv.com/components/table/#components-table-demo-selection1,type没有写的时候默认是多选的 ,type为 'radio'是单选的<s-tableref="tableModal"size="middle"rowKey="id":columns="devColumns"v-tableScrollB
·
参考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;
}
效果图:
更多推荐
已为社区贡献3条内容
所有评论(0)