vue3 判断class

在 Vue3 中，你可以使用条件渲染指令 `v-if` 或 `v-show` 来判断是否添加一个 CSS 类名。

比如，假设你有一个变量 `isActive`，你想根据它的值来决定是否添加一个类名 `active`，你可以这样写：

<div :class="{ active: isActive }">...</div>

这里的 `:class` 是一个绑定了动态类名的属性。它的值是一个对象，对象的 key 是要添加的类名，value 是一个布尔值，用来判断是否添加这个类名。

如果你想添加多个类名，可以把对象改成数组：

<div :class="[isActive ? 'active' : '', isDisabled ? 'disabled' : '']">...</div>

这里的数组中每个元素都是一个类名，你可以在括号里使用三元表达式来判断是否添加这个类名。如果条件不满足，就把空字符串作为占位符。