最近在做vue项目时,用到了绑定事件,就来简单的说一下
<div>
<div class="fif" :class="[item.priceRange>=0?'red':'green']">
<span v-cloak >
{{ item.priceRange | price }}%
</span>
</div>
<div>
/*说明一下: 在class中用三目运算符判断值得大小 来改变div的颜色 v-cloak是防止闪屏,具体步骤请自行百度 price 是过滤器,保留三位小数的, 需要了解 请自行百度*/
以上就是学习绑定事件的小总结,如果需要改变其他的,可以在:class中进行更改条件, 一些多余的知识点 ,请百度看文档,谢谢观赏 ,别忘了点个赞哦~