el-table-column根据不同值显示不同颜色

Posted 小生不才

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-table-column根据不同值显示不同颜色相关的知识,希望对你有一定的参考价值。

<el-table-column prop="statusDesc" label="状态" >
    <template slot-scope="scope">
        <div :style="{\'color\':scope.row.status==1? \'red\':\'#333\'}">                    
            {{scope.row.statusDesc}}
        </div>
    </template>
</el-table-column>

以上是关于el-table-column根据不同值显示不同颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何根据.cshtml中的不同下拉值显示不同的表格?

根据 INNER JOIN 中的 SESSION 值显示两个不同的值

Laravel 4 - 根据用户数据库中的值显示不同的视图

根据 Magnolia 内容应用程序中的下拉值显示/隐藏不同的字段?

Laravel/VueJs。如何根据传入的列值显示不同颜色的按钮?

详解JavaScript中的原型和继承-转自颜海镜大大