vue 動態(tài)添加class的方法

發(fā)布時間：2020-11-03 15:02:41 來源：億速云閱讀：182 作者：Leah 欄目：開發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)vue 動態(tài)添加class的方法，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

如果 status為1，樣式為redRoom

如果 status為2，樣式為greenRoom1

如果 status為其他，樣式為greenRoom2

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

補(bǔ)充知識：vue 根據(jù)變量值來判斷顯示class

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

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

關(guān)于vue 動態(tài)添加class的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡