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

Question

从 the docs 开始，它表明我们可以将类绑定到如下条件：

<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>

Answer 2

可以使用||和&&组合条件：

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

Vue 3 - Binding multiple classes to one condition