Vue中一个条件绑定多个类

Question

例如，我曾期望这样的事情可以通过使用单个条件并一次设置一组类来以这种方式工作：

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

如何在不使用额外函数的情况下在 Vue 中使用单个条件绑定多个类？

Answer 1

这应该有效：

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