html - Vue2 如何使用 $refs 定位元素并删除 css 类

标签 html css vue.js dom vuejs2

我想在调用方法时删除元素的 css 类。 但我想使用 $refs 来做到这一点。

模板:

  <div class="modal"  ref="myModal"></div>

方法:

      closeDropdown: function() {
            this.$refs.myModal.$el.removeClass("open");
      }

最佳答案

this.$refs.myModal.classList.remove("open");

关于html - Vue2 如何使用 $refs 定位元素并删除 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70246268/

相关文章:

javascript - 如何创建一个函数来查找元素的坐标,而不管其位置如何?

css - Google 网络字体如何工作?

html - 在 TD 标签中拉伸(stretch)图像时出现问题

vue.js - Vue.js 中所有导入的数组都必须是响应式的吗?

javascript - 在vuejs中设置激活以逐步添加?

jquery - 使用 jquery 使用复选框名称获取复选框值

html - iframe div 需要额外的间距

javascript - Font Awesome CSS 伪元素

javascript - Vue实例中的数据错误是否可以丢弃?

html - CSS垂直多级下拉菜单问题