<el-table
ref="dataGrid"
highlight-selection-row
:header-cell-style="{color: '#000', backgroundColor: '#DCE6F0'}"
:data="datalist"
@selection-change="handleCurrent"
@select-all="selectAll"
@row-dblclick="rowDblclick">
<el-table-column fixed="left" type="selection" align="center" width="48"></el-table-column>
<el-table>
methods: {
handleCurrent (val) {
if (val.length === 0) {
this.current = {} // 选中的数据
} else if (val.length === 1) {
this.current = val[0]
} else if (val.length > 1) { // val选择两条的时候把第一条取消选择
this.$refs.dataGrid.toggleRowSelection(val[0], false)
this.current = val[1]
}
},
selectAll () {
// 不允许多选
this.$refs.dataGrid.clearSelection()
},
rowDblclick (row) {
// 双击的时候 选中
this.$refs.dataGrid.clearSelection()
this.$refs.dataGrid.toggleRowSelection(row, true)
this.current = row
},
}
<style>
.el-table {
.selection-row {
background:#BDD7EE;
}
}
</style>
