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

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()
相关推荐
G等你下课2 分钟前
AJAX请求跨域问题
前端·javascript·http
前端西瓜哥2 分钟前
pixijs 的填充渲染错误,如何处理?
前端
阑梦清川3 分钟前
Java后端项目前端基础Vue(二)
vue.js
snakeshe10103 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋5 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端
snakeshe10106 分钟前
用100行代码实现React useState钩子:多状态管理揭秘
前端
爱编程的喵7 分钟前
JavaScript闭包深度解析:从作用域到实战应用
前端·javascript
ITfeib8 分钟前
Flutter
开发语言·javascript·flutter
雪碧聊技术1 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了1 小时前
手写 Ajax 与 Promise:从底层原理到实际应用
前端