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

倒霉娃不要倒霉2024-03-08 12:51

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

javascript 复制代码

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

修改高亮行的颜色

css 复制代码

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

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

javascript 复制代码

handleCurrentChange (currentRow, oldCurrentRow) {
}

高亮取消

javascript 复制代码

this.$refs.singleTable.setCurrentRow()