Vue中使用row-class-name修改el-table某一行背景色无效

    Vue+Element UI项目,需要对列表某些行加深背景色,Element官方提供了row-class-name属性,官方示例如下

Vue中使用row-class-name修改el-table某一行背景色无效_第1张图片

 

                 Vue中使用row-class-name修改el-table某一行背景色无效_第2张图片                   Vue中使用row-class-name修改el-table某一行背景色无效_第3张图片

    根据官方的写法,并没有实现效果,查阅资料后发现,row-class-name属性要想生效必须使用全局class,而我的页面中使用了scoped

    解决方法是引入全局css文件。我一开始新建了一个css文件并在具体vue页面的