vue动态绑定class
1- 可以绑定 变量形式
:class='变量a',data里面定义变量a,操作变量a,可以改变就class类名
<div :class='a'></div>
data:{
a:'classA'
}
<style>
.classA{color:red}
</style>
2-可以绑定数组形式
:class="[a,b]" 可以同时操作a,b进行变化class
<div :class='[a,b]'></div>
data:{
a:'classA',
b:'classB'
}
<style>
.classA{color:red
.classB{color:red}
</style>
3-可以绑定对象 可以动态切换:class="json"
data:{
json:{
classA: true,
classB: false
}
}
<style>
.classA{color:red
.classB{color:red}
</style>
.classA{color:red}