vue3之el-table单选

本文主要是介绍vue3之el-table单选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

el-table文档中没有表格数据单选，因此基于复选框实现数据单选限制。

主要实现代码

<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);
};

这篇关于vue3之el-table单选的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---