el-table点击每一行加背景颜色

HTML

JS

CSS

// 必须加组件穿透和优先级最高
::v-deep .el-table .success-row {
  background: pink !important;
}

总结：

相当于是没次点击给它加个class类名，用到的是el-table的属性名【row-class-name】，然后还有每一行的点击事件【row-click】

 给每一行滑过加高亮：

// 鼠标滑入每一行高亮
::v-deep .el-table__body tr:hover>td{
  background-color: pink !important;
}

// 鼠标滑入每一行取消高亮
::v-deep .el-table__body tr:hover>td {
  background-color: transparent;
}