有这个{! 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>
可以动态绑定Class或者style实现
栗子:
https://jsfiddle.net/xiaoluob...