Elementtabelle, realisieren Sie die Farbänderung der ausgewählten Zeile

Um die Farbe der ausgewählten Zeile zu ändern, müssen Sie über row-class-name einen Klassennamen zur Zeile hinzufügen

 <el-table
          :row-class-name="selectRows"
          @selection-change="handleSelectionChange"
        >

//选中的行改变颜色
    selectRows({ row }) {
      let isSelect = false;
      this.selectRowsList.map((item) => {
        if (item.id == row.id) {
          isSelect = true;
        }
      });
      return isSelect ? "selectCol" : "";
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.selectRowsList = selection;
    },