el-table 多选 实现单选效果| highlight-selection-row 选中高亮

<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>