:class { classname1 : 條件1,classname2 : 條件2 }
渲染結果: 當條件1成立時雀久,html 元素會被賦予 classname1的樣式宿稀;當條件2成立時,html元素會被賦予 classname2 的樣式赖捌;當兩個條件均成立時祝沸,則 classname1樣式和 classname2樣式均會被附上;
附上項目:
定制的公共 template 模板
樣式 :寫在公共模板中~~
在其他組件中調用
效果圖:
=============2019.06.03更新==================
1.動態(tài)綁定class
? 1.1? ? ? ? :class="{active:activeIndex==0}"? ? ?active是類名越庇,當activeIndex==0為true時罩锐,active起作用。
? ? ? ? ? ? ? ? ??
1.2? 三目寫法 : :class="[active==1?'樣式1':'樣式2']"