添加表格多选框列
<el-table-column type="selection" width="55"></el-table-column>
通过 @selection-change="handleSelectionChange"实现单选逻辑
![](https://img-blog.csdnimg.cn/a30246d4cf1b406ea29af8a6bd8118a8.png)
handleSelectionChange(e) {
this.selectedItem = e
if(e.length > 1) {
this.$refs.multipleTable.clearSelection()
this.$refs.multipleTable.toggleRowSelection(e.pop())
}
}
隐藏全选按钮
::v-deep thead .el-table-column--selection .cell{
display: none;
}
实现效果:
![](https://img-blog.csdnimg.cn/4a937bcfd3184fa3ada45a6df3ab1dd2.png)
选中的值永远只有一项