1、对象方法
用花括号{}包裹起来,类名用引号引起来
第一个参数是类名,第二个参数是boolean值
<div :class="{'class1':isShow}"></div>
还可以这样写:
<div :class="{'class1':isShow==1}"></div>
<div :class="{'class1':isShow==index}"></div>
也可以写多个:
<div :class="{'class1':isShow2==1,'class2':isShow2==2}"></div>
2、数组写法
数组与三元运算符结合绑定class:
还可以这样写:
<div :class="[showWihch?'class1':'']"></div>
<div :class="[showWihch?'class1':'class2']"></div>
<div :class="[showWihch==1?'class1':'class2']"></div>
<div :class="[showWihch<1?'class1':'class2']"></div>
<div :class="[{'isshow':true},'class2']"></div>