在vue中如和去判断一个div中是否有class=‘name’

在vue中如和去判断一个div中是否有class=‘name’

参考如下，还望采纳：
在 mounted 钩子函数中，通过 ref 绑定到 div 元素，并通过 classList 属性获取 div 的 class 列表，最后使用 contains 方法判断是否有 class="name"。
如果有，则将 hasName 变量设置为 true，并通过 class 绑定将其应用到 div 元素的 class 中；如果没有，则 hasName 为 false，div 元素的 class 就不包含 "name"。

<template>
  <div :class="{'name': hasName}" ref="myDiv">
    ...
  </div>
</template>

<script>
export default {
  data() {
    return {
      hasName: false
    }
  },
  computed: {
    myDivClass() {
      return this.$refs.myDiv.classList
    }
  },
  mounted() {
    this.hasName = this.myDivClass.contains('name')
  }
}
</script>

那 可以 用 获取 dom 或者 ref 的方法 获取 父级 div 然后 获取 其 子元素 的 div 元素 。然后 遍历 一下 。获取到 class 属性 再 判断 。