Vue 3 - 将多个类绑定到一个条件

Question

从文档中，它表明我们可以将类绑定到条件，如下所示：

<div
  class="static"
  :class="{ active: isActive, 'text-danger': hasError }"
></div>

如果我想将两个类绑定到相同的条件，这可行吗？会有更短的路吗？

<div
  class="static"
  :class="{ active: isActive,  active: isSelectable }"
></div>

Answer 1

如果我理解正确的话，你想将多个类绑定到相同的条件。如果您愿意，没有什么可以阻止您这样做。

<div
  class="static"
  :class="{ 'class-1 class-2': condition }"
></div>