前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言