vue中引入elementui ，：row-class-name失效不起作用

Question

在网上看到了解决办法，提到在style中去掉scoped，但我去掉了还是没有生效

tableRowClassName({ row }){
        if(row.isExpire===0){
consolo.log(11112222)
        return 'warningrow'
      }
    },

<style>
.el-table .waringrow{
  color: red !important;
}
</style>

11112222都能输出，有没有大佬知道是什么问题。。。。

Answer 1

单词写错了吧，返回的是warningrow，而class写的是waringrow

Answer 2

看下你的el-table是不是设置了stripe属性，他会跟rowClassName冲突。

Answer 3

介绍2种方法
1，把你的css规则写在新建的css文件里，在main.js引用这个css
2，在当前vue文件里做样式穿透 例如 .list /deep/ .el-table__body-wrapper{color: red !important;}

Answer 4

拼写错误当然不会起作用，类名不一致