如果 status為1，樣式為redRoom

如果 status為2，樣式為greenRoom1

如果 status為其他，樣式為greenRoom2

:class='{’redRoom’: Number(items.status) === 1, ’greenRoom1’: Number(items.status) === 2, greenRoom2: Number(items.status) > 2}'

補充知識：vue 根據變量值來判斷顯示class

我就廢話不多說了，大家還是直接看代碼吧~

<div :class='[’bottom-btn’,{’face-btn’:type==’face’}]'>

</div>

以上這篇vue 動態添加class,三個以上的條件做判斷方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。