Element Table的row-class-name无效与动态高亮显示选中行背景色

tableRowClassName(row) {
 if (row.number === 1 && this.isActive) {
  return \'first-row\'
 } else {
  return \'\'
 }
}

<template>
  <el-table :data=\"imageList\" :row-class-name=\"tableRowClassName\" :highlight-current-row=\"true\" row-key=\"getNumber\" @row-click=\"checkImage\" style=\"width: 100%\">
    <el-table-column prop=\"number\" label=\"搜索结果（按准确度排序）\" style=\"width: 50%\"></el-table-column>
    <el-table-column prop=\"distance\" label=\"误差值\" style=\"width: 50%\"></el-table-column>
  </el-table>
</template>

< >
export default {
methods: {
  checkImage(row, event, column) {
   this.src = row.img
   this.isActive = false
  },
  tableRowClassName(row) {
   if (row.number === 1 && this.isActive) {
    return \'first-row\'
   } else {
    return \'\'
   }
  }
 },
}
</ >

//下面通过修改原插件的样式来显示点击的当前行，注意由于是原插件全局的，所以style不能使用scope属性
<style>
.current-row > td {
 background: #218af3 !important;
}
</style>