我从一个非常易于使用的API中获取数据，百分比变化值可以是正数或负数。我试图将一个类添加到该项目，以便如果值是负数，我可以显示一个类，反之亦然。
到目前为止，这是我一直没有尝试过的方法：
<li v-for="info in infos.slice(0, 5)"> -- Grabs first 5 items in API
<div :class="{ positive: info.percent_change > 0 }" v-html="info.percent_change"></div>
</li>
该代码将正确显示percent_change值，但不会对其应用任何类，无论它是负数还是正数。
示例输出未显示类名：
<li><div class="">0.8%</div></li>
<li><div class="">-6.57%</div></li>
您应该%使用replace('%','')以下方式清除符号：
<div :class="{ positive: getNumValue(info.percent_change) > 0 }" v-html="info.percent_change"></div> </li>
和方法看起来像：
methods:{
getNumValue(percent){
return percent!=undefined?percent.replace('%',''):0;
}
...
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句