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

Question

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

Answer 1

用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 2

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