Typescript 根据条件添加类

我想在vue js的条件下添加一个特定的类

我的数据存储中有2个值，如下所示（TypeScript）：

使用此值，在我的模板中，我想添加以下类：

blue--text if value1 == value2
or
red--text if value1 != value2

像这样：

<p class="blue--text">{{ value1 }}</p>
or
<p class="red--text">{{ value1 }}</p>

{{value1}
或
{{value1}

---

有人知道怎么做吗？

要根据条件渲染类，可以将对象传递给class指令。它将对象的键呈现为类名称，该类名称具有

true

值

<p 
  :class="{
    'blue--text': value1 == value2,
    'red--text': value1 != value2
  }"
>
    {{ value1 }}
</p>

{{value1}}

---

请参阅文档：

您可以将一个简单条件与三元和

：class

指令一起使用：

{{value1}

---

只有当value1等于value2时，才应用蓝色类，如果不是红色类。

当我使用您这样的代码时，我有一个错误：{{carTotalsStores}}错误是：意外字符串in@AntoineKurka在每个键值对之间放“，”就行了，谢谢！

<p 
  :class="{
    'blue--text': value1 == value2,
    'red--text': value1 != value2
  }"
>
    {{ value1 }}
</p>