vue3 根据多个参数利用三元表达式不同设置多个样式

最新推荐文章于 2024-02-23 10:04:59 发布

Mr.A.D.0013

最新推荐文章于 2024-02-23 10:04:59 发布

阅读量2k

点赞数

文章标签： html vue.js 前端

本文链接：https://blog.csdn.net/Bannerparter/article/details/127355251

版权

众所周知，三元表达式用来根据参数的不同执行不同的代码是很方便的，那么如果参数类型有许多种，那么怎么利用三元表达式来进行控制呢？

下面以控制样式为例，废话不说，直接上代码：

<div class="com"
                            :style="scope.row.status == 0 ? 'color:#61AFFF' : scope.row.status == 1?'color:#FFC125':scope.row.status == 2?'color:#00FF00':'color:#DCDCDC'">
                            {{
                            scope.row.status == 0 ? '待处理' : '' || scope.row.status == 1 ? '处理中' : '' || scope.row.status
                            == 2 ? '已处理' : '' || scope.row.status == 3 ? '已取消' : ''
                            }}
                        </div>