Element UI的 el-table,默认 支持的checkbox是支持多选的,不能设置单选,如下图所示:
如何设置checkbox单选效果呢?
一种方法是是把checkbox设置在el-checkbox-group下,如下所示:
然后使用javaScript手动控制选中的记录;
这里介绍一种特别简单的方法,原理是利用el-table的select事件:先清除掉所有的选则,然后再把最新的选项赋值上。
handleSelectionChange(selection, row) { this.$refs.selectTable.clearSelection(); this.$refs.selectTable.toggleRowSelection(row, true); },