:class { classname1 : 条件1,classname2 : 条件2 }
渲染结果: 当条件1成立时,html 元素会被赋予 classname1的样式;当条件2成立时,html元素会被赋予 classname2 的样式;当两个条件均成立时,则 classname1样式和 classname2样式均会被附上;
附上项目:
定制的公共 template 模板
样式 :写在公共模板中~~
在其他组件中调用
效果图:
=============2019.06.03更新==================
1.动态绑定class
1.1 :class="{active:activeIndex==0}" active是类名,当activeIndex==0为true时,active起作用。
1.2 三目写法 : :class="[active==1?'样式1':'样式2']"