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

Question

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

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

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

Answer 1

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

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

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