1.判断是否绑定一个active
:class="{'active':isActive == -1}"
或者这种:
:class="{'active':isActive == index}"
2.绑定并判断多个
<div :class="{ 'active': isActive, 'handle': isHandle }"> </div>
<div :class="classActive"> </div>
<script>
export default {
data() {
return {
classActive:{ active: true, handle: false}
}
}
}
</script>
<div :class="classActive"> </div>
<script>
export default {
data() {
return {
isActive: true,
handle: false
}
},
computed: {
classObject: function () {
return {
active: this.isActive,
handle:this.isHandle
}
}
}
}
</script>
3. 数组与三元运算符结合判断选择需要的class
:class="[isActive?'active' : '']"
或者:
:class="[isActive == 1?'active' : '']"
或者这样:
:class="[isActive == index?'active' : '']"
再或者这样:
:class="[isActive == index?'active' : 'otherActiveClass']"