類似這樣的需求我們vue中傳統(tǒng)的做法應該是動態(tài)添加class移除class,這里我們
用element表格中的 @selection-change="handleSelectionChange" :row-style="selectedHighlight"?
row-class-name="tableRowClassName"? 來實現(xiàn)，代碼如下：
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就可以了
