如果 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,三個以上的條件做判斷方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。