vue iview 單擊table行變色 獲取行數據

用到兩個事件：

 

 

 代碼如下：

<Table :columns="columns" :data="tableData" @on-row-click="rowClick" :row-class-name="rowClassName" :loading="loading"></Table>

data () {
    return {
      selectRow: {}
    }
  }

methods: {
    rowClick (row, index) {
      this.selectRow = row //獲取行數據
    },
    rowClassName (row, index) { 
      if (row.CBDM == this.selectRow.CBDM) { //隨便挑個唯一變量比較
        return 'aa' //自己的css類名  iview文檔table那塊有幾個現成的樣式，建議寫進公共樣式里 
      }
      return ''
    }
}

// 不要添加scoped會導致樣式無效
<style lange='less'>
.aa {
  color: rgb(250, 195, 100);
}
</style>