element ui 点击表格某一行改变行背景颜色_element ui 表格第一行变色

template

<el-table

	:data="data"
	
	:row-class-name="tableRowClassName" //设置类
	
	:row-style="selectedstyle" //设置行的样式
	
	@row-click="rowClick" //点击

>

</el-table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

script

data() {
    return {
         data:[],
   		 getIndex:"",
    }
},
methods: {
	selectedstyle ({row, rowIndex}) {
		if ((this.getIndex) === rowIndex ) {
			return {
			"background-color": "red"
			};
		}
	},
	tableRowClassName ({row, rowIndex}) {
		row.index = rowIndex;
	},
	rowClick (row) {
		this.getIndex=row.index
	}
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22