vue的$refs如何添加class类名
时间: 2024-05-04 20:18:21 浏览: 190
vue中动态添加class类名的方法
可以通过`$refs`属性访问Vue组件中的DOM元素,然后使用`classList`属性来操作元素的class。例如:
```html
<template>
<div ref="myDiv">Hello World</div>
</template>
```
```javascript
<script>
export default {
methods: {
addClass() {
this.$refs.myDiv.classList.add('my-class');
},
removeClass() {
this.$refs.myDiv.classList.remove('my-class');
}
}
}
</script>
```
在上面的例子中,我们在组件中定义了一个带有`ref`属性的`div`元素,然后通过`$refs`属性获取该元素。接着,我们可以使用`classList`属性的`add`和`remove`方法来添加或删除指定的class类名。
阅读全文