Element UI 的Table元件踩坑記：
（1）引數row-class-name無效的坑：官方文件給出瞭如下程式碼：

但是我使用後並沒有出現預初想要第一行高亮的效果，然後console.log(row, rowIndex)，發現控制檯輸出的值均為undefined。最終解決方案是隻要傳入row或者rowIndex即可，然後根據自己所要的資料而進行處理，後來我修改程式碼為如下：

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

即可建立例項時已經渲染了第一行資料，其中number是我已經定義的第幾行（根據自己獲取資料結構自行使用）isActive是我等下要控制實現點選所在行而定義的引數，效果圖如下：

（二）引數highlight-current-row的使用：

<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>

<script>
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 ''
      }
    }
  },
}
</script>

//下面通過修改原外掛的樣式來顯示點選的當前行，注意由於是原外掛全域性的，所以style不能使用scope屬性
<style>
.current-row > td {
  background: #218af3 !important;
}
</style>