怎麼使用vue動態繫結class的方法?

2021-09-28 14:12:56 字數 409 閱讀 2577

//isactive 是在data裡面布林值,   rotateright 是 class 樣式類 

//isactive 為true時樣式類 rotateright 生效

aaa

//isactive 是在data裡面布林值 rotateright 是 class 樣式類 

//isactive 為 true 時樣式類 right 生效,為 false 時樣式類 right2 生效

abs

固定的樣式和動態繫結同時存在

errorclass 是始終存在的,isactive 為 true 時新增 activeclass 類:

vue 動態繫結樣式

先看下官方文件 動態繫結class,我們可以傳給v bind乙個物件,動態切換class 渲染結果 上邊 是否給div加上類名show 和 hidden,取決後邊返回值,true顯示,false隱藏,多個屬性中間逗號隔開,動態繫結的class可與普通class共存。如果動態繫結的class很多,可寫...

Vue動態事件繫結

isi 寫了乙個樣式用來繫結 下面看data data 將樣式繫結給資料模型 class div 我們要知道class物件繫結得方式如下 陣列方式 看方式 class msg div 看data data 這裡用第乙個案例的樣式 我們將樣式直接繫結給msg表示式 這裡我們新增乙個為isi2的樣式 i...

Vue動態繫結樣式

物件形式繫結class 語法 標籤 v bind class lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle set add style head class...