vue 三元运算符 class

在 Vue 中，可以使用三元运算符来动态绑定 class。具体使用方法如下：

<div :class="isActive ? 'active' : 'inactive'">这是一个div</div>

其中，`isActive` 是一个变量，根据它的值来决定 class 的值。如果 `isActive` 的值为 `true`，那么该元素会添加 `active` 类；如果 `isActive` 的值为 `false`，那么该元素会添加 `inactive` 类。

此外，还可以使用对象语法来动态绑定 class，具体使用方法如下：

<div :class="{ active: isActive, 'text-danger': isError }">这是一个div</div>

其中，`isActive` 和 `isError` 都是变量，根据它们的值来决定 class 的值。如果 `isActive` 的值为 `true`，那么该元素会添加 `active` 类；如果 `isError` 的值为 `true`，那么该元素会添加 `text-danger` 类。

总的来说，三元运算符和对象语法都可以用来动态绑定 class，具体使用哪种方式，取决于具体的需求。