三元运算符对背景颜色的改变

最新推荐文章于 2023-04-10 15:26:16 发布

原创最新推荐文章于 2023-04-10 15:26:16 发布 · 409 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #css

该代码片段使用三元运算符根据接口list.detailData[a].result的返回值动态设置div的背景颜色。如果结果为1，则背景色设为红色(#ff1336)，否则设为绿色(#00aa00)。

<div class='borde1' :style="{'background-color': list.detailData[a].result==1 ? '#ff1336':'#00aa00'}">{{a}}</div>
//list.detailData[a].result 是接口读取的数据
//:style="{'background-color': list.detailData[a].result==1 ? '#ff1336':'#00aa00'}" 三元运算