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

• Z时代
• 2024-03-04
• 分类：IT

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

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

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

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

回答：

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

回答：

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

回答：

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

回答：

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

以上是 vue中引入elementui ，：row-class-name失效不起作用 的全部内容， 来源链接： utcz.com/p/936044.html