Vue 有 2 class 个条件

Question

我正在尝试学习 vue 和所有关于 classes 的东西，并让它们保持动态。我有一个问题，我似乎无法找到解决方案。我有一个 div 并且在其中我想要一个 class 取决于这样的变量

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

但是对于相同的 div 我还想在 vue 组件的数据中有另一个 class 名称。像这样

<div :class="divTheme"

所以基本上在一起看起来像这样

<div :class="{'active':isActive} :class="divTheme"

但我知道你不能有两个像这样的 classes。有什么建议么？

Answer 1

Class 绑定支持 array syntax，您可以在数组语法中进一步使用对象语法，如下所示：

<div :class="[{'active': isActive}, divTheme]"

Vue have 2 class conditions