ElementUI表格选中行给颜色

设置 :row-class-name="tableRowClassName"

 <el-table
    :data="tableData"
    ref="leftTable"
    :height="'100%'"
    style="width: 100%;"
    v-loading="loading"
    border
    :row-class-name="tableRowClassName"
    :header-cell-style="{ 'text-align': 'center' }"
  >

设置方法

tableRowClassName({ row }) {
  // 当前选中行id 与 表格的各行比较
  if (this.currentData.id== row.id) {
     return "success-row";
   }
   return "";
 },

设置style(.PageFrame 为最外层的class)

/* 表格背景样式 */
.PageFrame >>> .success-row {
  background: #f0f9eb;
}