elementUI用 table多选 实现单选

elementUI用 table多选 实现单选

这是elementui的表格多选

1. 首先隐藏掉多选checkbox

 ::v-deep .el-table__header {.el-checkbox {display: none;}}
 

2. 利用table 的selection-change 事件实现单选

 data(){return {tableSelect:[]}
 },
 methods:{handleSelectionChange(val) {if (val.length > 1) {this.$refs.multipleTable.clearSelection();this.$refs.multipleTable.toggleRowSelection(val.pop());} else {this.tableSelect = val;}},
 }
 

效果