1.取消全选表头
/deep/thead{
/deep/.el-table-column--selection {
/deep/.el-checkbox__inner{
display: none !important;
}
}
}
2. 点击一项,清空前一个选中项
@select=“handleSelection”
当用户手动勾选数据行的 Checkbox 时触发的事件 。参数 selection, row
@selection-change=“handleSelectionChange”
当选择项发生变化时会触发该事件
handleSelection(selection, val) {
// table组件选中事件
if (selection.length > 1) {
let del_row = selection.shift();
this.$refs.table.toggleRowSelection(del_row, false);
// 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)
}
},
最后selection就是选中的单选项