javascript - Vue 有 2 个类条件

Question

我正在尝试学习 vue 和所有关于类的知识，并让它们变得动态。我有一个问题，我似乎无法找到解决方案。我有一个 div，其中我想要一个依赖于这样的变量的类

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

但是对于同一个 div，我还希望在 vue 组件的数据中拥有另一个类名。像这样

<div :class="divTheme"

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

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

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

Answer 1

类绑定(bind)支持array syntax ，并且您可以在数组语法中进一步使用对象语法，如下所示:

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