类似这样的需求我们vue中传统的做法应该是动态添加class移除class,这里我们
用element表格中的 @selection-change="handleSelectionChange" :row-style="selectedHighlight"
row-class-name="tableRowClassName" 来实现,代码如下:

data(){
return{
getIndex:''
selectRow:[],
selectData:[]
}}

watch: {
selectData(data) {
this.selectRow = [];
if (data.length > 0) {
data.forEach((item, index) => {
this.selectRow.push(this.queryResult.tableData.indexOf(item))
})
}
}
},
注意:在火狐45.0.2中,

background-color:rgb(250,123,39,0.2),没效果,改为#fee5d4就可以了
网友评论