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>