Css Vue：类的条件呈现

我正在使用vue引导，在下面的代码类中，当步骤===1时出现，但在else条件下（！步骤===1），我想呈现另一个类。第一个工作正常，其他条件不工作。步骤与向导关联。有人能帮我吗

 <div :class="{'d-flex flex-column justify-content-center align-items-center': step === 1, ' d-flex justify-content-center align-items-center': !step === 1  }"></div>

---

对于正确使用步骤===1的if条件，但对于需要使用的else条件

step !== 1

这意味着如果

步骤

不等于1，则添加这些类。因此，模板如下所示：

<div :class="{
   'd-flex flex-column justify-content-center align-items-center': step === 1, 
   'd-flex justify-content-center align-items-center': step !== 1
 }">
</div>

---

我的理解是，你们需要这样的东西，若步骤等于1，那个么对齐行中其他列中的项目。您可以如下所示绑定类

...
...

此处的

步骤的数据类型是数字还是布尔值？对于这两种情况，步骤的实际值是多少？步骤与向导（v-stepper）相关，它们是数字，共有4个步骤。我想渲染不同的类步骤1，以及步骤2、3和4的另一组。
<div 
  class="d-flex justify-content-center align-items-center"
  :class="{'flex-column': step === 1}">
</div>