vue class 判断

在 Vue 中，可以使用以下两种方式来判断一个元素是否有指定的 class：

1. 使用 v-bind:class 绑定一个对象，对象的属性名是类名，属性值是一个表达式，该表达式的值为 true 或 false，如果该表达式的值为 true，则该元素会添加该类，否则不添加。

例如，判断一个元素是否有名为 "active" 的类：

<div v-bind:class="{ active: isActive }"></div>

其中，isActive 是一个在 Vue 实例中的 data 中定义的布尔值，如果它的值为 true，则该元素会添加 "active" 类。

2. 使用 $el.classList.contains() 方法判断一个元素是否包含指定的类。

例如，判断一个元素是否有名为 "active" 的类：

if (this.$el.classList.contains('active')) {
  // 包含 "active" 类
} else {
  // 不包含 "active" 类
}

其中，this.$el 表示当前 Vue 组件实例所挂载的 DOM 元素。