【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()
相关推荐
紫幽8 小时前
从 0 用 Vue 做屏并生成 LVGL 单片机代码(完整源码备忘)
前端·单片机
郭邯8 小时前
用 AI 辅助开发一个文件大小转换工具:从需求到上线的完整过程
前端
勾勾圈圈蛋蛋8 小时前
前中台项目
前端
触底反弹8 小时前
🔐 前端鉴权不再难!手把手带你搞懂 JWT + Zustand + Axios 的完整登录方案
前端·axios
打呵欠的猫9 小时前
我用 AI 写了一个"需求翻译器",产品的 PRD 直接变成开发任务清单
前端·ai编程
fatcoder9 小时前
玩转Nginx 09 — 运维排障:三场"火灾"实战演练
前端·后端·nginx
前端玩坑坑9 小时前
View Transitions API 入门教程,优雅过度
前端
李高钢9 小时前
WPF MVVM Light(三):RelayCommand 命令与 Messenger 消息
前端·c#·wpf
lichenyang45310 小时前
Socket.IO 原理与技术选型
前端
qq210846295310 小时前
在python中什么是 self 和 cls?
开发语言·前端·python