element中表格的多选事件，怎么实现选中该行，对应该行的颜色发生变化

Question

当我选中这几条数据的时候，这几行的颜色都发生变化，当取消的时候，颜色恢复正常。给表格加了高亮了，在多选事件@select-change=“selectChange”
selectChange: function (val) {
this.currentRow = val
}
但是和多选事件没联系起来，只有点击这一行的时候 发生高亮
刚发现高亮是针对当前行的，那不用高亮的话，针对多选，多行颜色发生变化，怎么实现呢

Answer 1

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

Answer 2

在复选框的点击事件中添加样式相关的代码:

判断当前复选框的选中状态，是要添加class还是移除class 

Answer 3

用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文档

Answer 4

因为你每一次选择都重置了一次啊

Answer 5

楼主的问题解决了；我也是跟你一样的需求