vue elementui 点击行改变行背景色

1、开启行高亮当前行

  <el-table
        border :stripe="true"
        :data="list"
        row-key="id"
        header-cell-class-name="table_head_style"
        highlight-current-row
        border
        @row-click="rowclick"
      >

2、css 可自己修改颜色

/* 用来设置当前页面element全局table 选中某行时的背景色*/
.el-table__body tr.current-row>td{
  background-color: #f1dfb2 !important;
  color: #2d3a4b;
  /* color: #f19944; */  /* 设置文字颜色，可以选择不设置 */
}
/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #f1dfb2;
  color: #2d3a4b;
  /* color: #f19944; */ /* 设置文字颜色，可以选择不设置 */
}