动态绑定class的方法多得琳琅满目;知道这几种就好了
基础用法
<div :class="active"></div>
data(){
return {
active:true
}
}
三元运算法:绑定多个class
<div :class="isActive?'active':'disActive'"></div>
data() {
return {
isActive: false,
};
}
其他 :对象法
<div v-bind:class="{ active: isActive, 'text-success': hasSuccess }"></div>
data: {
isActive: true,
hasSuccess: false
}