需求：el-table行点击时需要高亮当前行。
问题：当el-table为树形结构时，点击子级却无高亮效果。
问题描述
如图所示的树形表格：
点击父级有高亮效果，点击子级高亮效果消失。
问题分析
通过查看html源码发现高亮样式主要通过 current-row 类去定位。当我们选中子级时，子级的tr上没有该类名
解决方案
知道问题原因就很好解决了。只要选中子级时手动给子级的tr加上 current-row 类就可以了。
主要通过以下两个属性配合使用
/*表格选中*/
check(row) {
this.currentId = row.id;
},
/*选中背景色*/
tableRowClassName({ row }) {
let className= '';
if(row.id === this.currentId) {
className = 'current-row';
}
return className;
},效果
子级选中后产生高亮效果文章来源：https://www.toymoban.com/news/detail-731986.html
文章来源地址https://www.toymoban.com/news/detail-731986.html
到了这里，关于el-table树形结构 当前行为子级时无高亮效果（已解决）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
