vue refs classList 判断某个css 是否存在
时间: 2024-03-05 15:55:14 浏览: 154
vue3空项目添加了tailWind css
可以使用Vue的`$refs`获取到DOM元素的引用,然后使用`classList`属性来判断某个CSS类是否存在。具体实现如下:
```html
<template>
<div ref="myDiv" class="my-class"></div>
</template>
<script>
export default {
mounted() {
const myDiv = this.$refs.myDiv;
if (myDiv.classList.contains('my-class')) {
console.log('my-class exists');
} else {
console.log('my-class does not exist');
}
},
}
</script>
```
在上面的例子中,我们在`mounted`钩子函数中获取到了`myDiv`元素的引用,然后使用`classList.contains`方法来判断`my-class`类是否存在。如果存在,打印`my-class exists`,否则打印`my-class does not exist`。
阅读全文