vue改class_Vue动态修改class

#####对象方法

-最简单的绑定(这里的active加不加单引号都可以，以下也一样都能渲染)

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

1

判断是否绑定一个active

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

或者

:class="{'active':isActive==index}"

1

2

3

绑定并判断多个

第一种(用逗号隔开)

:class="{ 'active': isActive, 'sort': isSort }"

第二种(放在data里面)

//也可以把后面绑定的对象写在一个变量放在data里面，可以变成下面这样

:class="classObject"

data() {

return {

classObject:{ active: true, sort:false }

}

}

第三种(使用computed属性)

:class="classObject"

data() {

return {

isActive: true,

isSort: false

}

},

computed: {

classObject: function (