Element UI el-table实现只能选中一行
一种是通过更改el-table的样式,不显示全选框。还有一种是通过@select事件来控制,这里采用的是第二种。
<el-table
:data="tableData"
center
ref="table"
style="width: 100%"
@select="handleSelect"
stripe
>
handleSelect(selection,val){
//只能选择一行,选择其他,清除上一行
if(selection.length > 1){
let del_row = selection.shift()
this.$refs.listTable1.toggleRowSelection(del_row,false) //设置这一行取消选中
}
},