class - Vue中一个条件绑定多个类

Question

例如，我曾期望这样的事情能够以这种方式使用单个条件并一次设置一个类数组：

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

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

标签： classvue.jsdata-bindingbind

Answer 1

这应该有效：

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