如何让vue+element-ui实现表格checkbox单选

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