vue绑定class

vue绑定class

一.字符串：

语法：:class="class名"  

语法：:class="classObj"   class名也可以是vue属性(变量，方法等等)

二.对象：

1.显隐：

语法：:class="{class名:变量名}" 变量名是bool类型

三.数组：

1.切换：三元表达式
语法：:class="[变量名?'变量名为true的class名':'变量名为false的class名']"
2.多个样式：
语法：:class="['class1名','class2名',...]"
3.混合：1和2的组合
语法：:class="[变量名?'变量名为true的class名':'变量名为false的class名','class1名','class2名',...]"