鍍金池/ 問答/HTML5  HTML/ element中表格的多選事件，怎么實(shí)現(xiàn)選中該行，對(duì)應(yīng)該行的顏色發(fā)生變化

element中表格的多選事件，怎么實(shí)現(xiàn)選中該行，對(duì)應(yīng)該行的顏色發(fā)生變化

clipboard.png
當(dāng)我選中這幾條數(shù)據(jù)的時(shí)候，這幾行的顏色都發(fā)生變化，當(dāng)取消的時(shí)候，顏色恢復(fù)正常。給表格加了高亮了，在多選事件@select-change=“selectChange”
selectChange: function (val) {
this.currentRow = val
}
但是和多選事件沒聯(lián)系起來，只有點(diǎn)擊這一行的時(shí)候 發(fā)生高亮
剛發(fā)現(xiàn)高亮是針對(duì)當(dāng)前行的，那不用高亮的話，針對(duì)多選，多行顏色發(fā)生變化，怎么實(shí)現(xiàn)呢

回答
編輯回答
孤慣

https://jsfiddle.net/L5do6L3k...

2017年8月30日 00:40
編輯回答
維她命

因?yàn)槟忝恳淮芜x擇都重置了一次啊

2017年8月24日 11:14
編輯回答
骨殘心

在復(fù)選框的點(diǎn)擊事件中添加樣式相關(guān)的代碼:

判斷當(dāng)前復(fù)選框的選中狀態(tài)，是要添加class還是移除class
2018年4月10日 10:40
編輯回答
呆萌傻

樓主的問題解決了；我也是跟你一樣的需求

2017年5月12日 13:14
編輯回答
薔薇花

用row-style或row-class-name給所選行添加樣式

  <el-table
    ref="table"
    :data="tableData"
    border
    :row-style="selectedHighlight"
    @selection-change="handleSelectionChange"
  >
  methods: {
    selectedHighlight(row) {
      if ( /*row is selected*/ ) {
        return {
          "background-color": "black"
        };
        return {}
      }
    },

見element文檔

2018年1月15日 07:01