el-table文档中没有表格数据单选,因此基于复选框实现数据单选限制。
主要实现代码
bash
<el-table :data="tableList" ref="tableRef" @select="selectClick">
...
</table>
// method
const selectClick = (selection) => {
let selectRow = {};
if (selection.length > 1) {
let del_row = selection.shift(); // 删除选中的第一项
tableRef.value.toggleRowSelection(del_row, false); //并改变table勾选状态
}
// 到这selection数据始终为1条
if (selection.length) {
selectRow = selection[0];
}
emit("getRow", selectRow);
};