vue 给ref删除class

在Vue中，我们可以使用`ref`指令来获取DOM元素的引用，然后对其进行操作。如果需要删除一个DOM元素的class，我们可以使用`classList`属性来实现。

首先，在引用的DOM元素上添加`ref`指令，比如`<div ref="myDiv">...</div>`。

然后，在Vue实例中，通过`this.$refs`可以访问到引用的DOM元素。我们可以使用`classList`属性来获取元素的class列表。

例如，如果我们想要删除某个class，可以使用`remove`方法。假设我们想要删除`myClass`这个class，可以在Vue实例中使用以下代码：

this.$refs.myDiv.classList.remove('myClass');

这将从`myDiv`元素的class列表中删除`myClass`。

需要注意的是，如果我们想要删除多个class，可以在`remove`方法中传入多个class名称，以空格分隔。

this.$refs.myDiv.classList.remove('class1', 'class2', 'class3');

这样就可以一次性删除多个class。

总结起来，我们可以通过`ref`指令获取DOM元素的引用，在Vue实例中使用`classList.remove`方法来删除元素的class。通过这种方式，我们可以灵活地对DOM元素的class进行操作。