【element-ui】el-table表格高亮选中

时间:2024-03-08 14:28:40

highlight-current-row 是否要高亮当前行

  <el-table
  	ref="singleTable"
    highlight-current-row
    @current-change="handleCurrentChange"
  >
  </el-table>

修改高亮行的颜色

.current-row {
 background-color: pink;
}

由current-change事件来管理选中时触发的事件,它会传入currentRow,oldCurrentRow

handleCurrentChange (currentRow, oldCurrentRow) {
}

高亮取消

this.$refs.singleTable.setCurrentRow()