1. 程式人生 > >關於vue 中:class事件

關於vue 中:class事件

最近在做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中進行更改條件,  一些多餘的知識點 ,請百度看文件,謝謝觀賞  ,別忘了點個贊哦~