element 表格，实现选择的行变色

JuS巨山超力霸

已于 2023-05-10 16:31:57 修改

阅读量1.8k

点赞数 2

文章标签： vue.js elementui 前端

于 2022-12-29 22:28:36 首次发布

本文链接：https://blog.csdn.net/m0_49623851/article/details/128488890

版权

实现选择的行改变颜色，需要通过row-class-name 为行添加类名

 <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;
    },