vue 动态绑定class的几种方式

:class = "{‘active‘: isActive}"

:class="{‘active‘:isActive == -1}"

或者
:class="{‘active‘:isActive == index}"

第一种(用逗号隔开)
:class = "{‘active‘: isActive,  ‘sort‘: isSort}"

第二种(放在data里面)
:class = "classObject"
data(){
  return {
      classObject:{active:true,  sort: false}
 
   }

}

第三种(使用computed属性)
:class = "classObject"
data(){
  return{
      isActive: true,  
      isSort: false
   }
},
computed: {
   classObject: function(){
       return {
            active: this.isActive,
            sort: this.isSort 
       
       }
   }
 }

:class = "[isActive, isSort]"
data(){
  return {
       isActive: ‘active‘,
       isSort: ‘sort‘
   } 
}

:class = "[isActive ? ‘active‘: ‘‘]"
或者
:class = "[isActive ==1 ? ‘active‘: ‘‘]"

或者
:class = "[isActive == index ? ‘active‘: ‘otherActiveClass‘]"