Class 在Vue中用一个条件绑定多个类

Class 在Vue中用一个条件绑定多个类,class,vue.js,data-binding,bind,Class,Vue.js,Data Binding,Bind,例如,我曾期望通过使用一个条件并同时设置一个类数组来实现类似的功能: <div v-bind:class="{['bg-red-500','bg-white']:isActive}"> ... </div> ... 如何在Vue中使用单个条件绑定多个类而不使用额外的函数?这应该有效: <div :class="[isActive ? ['bg-red-500','bg-white'] : '']"> ... </div> ... ne

例如,我曾期望通过使用一个条件并同时设置一个类数组来实现类似的功能:

<div v-bind:class="{['bg-red-500','bg-white']:isActive}">
...
</div>

...

如何在Vue中使用单个条件绑定多个类而不使用额外的函数?这应该有效:

<div :class="[isActive ? ['bg-red-500','bg-white'] : '']">
 ...
</div>

...
newvue({
el:“#应用程序”,
数据:{
isActive:错误
}
})
按钮{
大纲:无;
}
.一级{
边框:1px纯红;
}
.二级{
背景:黄色;
}

激活
//或
激活