怎么在vue中加判断

Question

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

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

Answer 1

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

Answer 2

可以动态绑定Class或者style实现

栗子：

https://jsfiddle.net/xiaoluob...