vue.js - 怎么在vue中加判断

问题描述

问 题

有这个{! item.percent !}值，当这个值大于等于100时，列表中
<span class="status1">1</span>并颜色换成黄色
否则<span class="status1">2</span>颜色为黑色
这个怎么实现呢

里面内容换可以这么写，换样式怎么写呢
{! parseInt(item.percent)>=100 ? '1' : '2' !}

解决方案

<span class="status1"
:style="parseInt(item.percent) < 100 ? {color: 'black'} : {color: 'yellow'}">
  {{ parseInt(item.percent) < 100 ? 2 : 1 }}
<span>

这篇关于vue.js - 怎么在vue中加判断的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！