el-table中怎么动态设置选中行的背景颜色?

需求如下:组件A中引入了el-table,同时设置了props用来接收bgcolor(B),而B就是选中行的背景颜色。

看过网上有些方案,第一种就是直接改css,第二种是通过el-table的属性和方法来做。但是两种设置的bgcolor都是写死的,不像我这个需求中是一个变量。

vue中目前好像不支持css中直接写js变量的语法,请问这个问题应该怎么处理,谢谢~

阅读 256
评论 更新于 2月14日
    1 个回答
    asseek
    • 6.8k

    可以借助row-style这个方法来实现
    但它是作用在tr上的,首先需要把作用在td上的默认选中样式覆盖成透明色

    .el-table .current-row > td {
      background: transparent !important;
    }

    然后直接处理就行 参考这个例子

    评论 赞赏 2月15日
      撰写回答

      登录后参与交流、获取后续更新提醒