有时候对于table表格中的数据需要单选时,则需要改造一下elementui中的多选功能
首先,给el-table 添加属性:
<el-table :data="addData"
ref="multipleTable"
tooltip-effect="dark"
@selection-change="handleSelectionChange"
@select-all="dialogCheck"
@select="dialogCheck">
然后,在method里添加方法:
dialogCheck (selection, row) {
this.$refs.multipleTable.clearSelection()
if (selection.length === 0) {
// 判断selection是否有值存在
return
}
if (row) {
this.selectioned = row
this.$refs.multipleTable.toggleRowSelection(row, true)
}
},
其中,this.selectioned 就是我们所要的数据,他是以对象的形式存在的。