element表格 ui中table组件高亮当前行（ 和chec
2019-05-16 本文已影响0人
用技术改变世界
类似这样的需求我们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就可以了
