VueJS:如果在另一个元素上存在类,则将一个类添加到一个元素

问题描述 投票:0回答:1

我正在使用VueJS。我试图基于一个类在另一个元素上的存在将一个类绑定到一个元素。下面是一个:for循环,用于打印出列表。

'#accordion-'+(index + 1))是我要检查其上是否存在类的div的ID。

我编写了一个方法,直到我检查了元素的classList,它才起作用。现在,我只在做一个控制台日志,但是最终这将返回true,并希望该类适用。

                methods: {
                    existingTopic: function(lcDivID) {
                        const element = document.querySelector(lcDivID);
                        console.log(element); //It gives me the element.
                        /* The below is where it crashes */
                        console.log(element.classList.contains("collapsePanelExistingTopic"));
                    },

我觉得很沮丧。我花了一天没有任何结果。您可以提供的任何帮助都会很棒。

vue.js
1个回答
0
投票

在这里,您可以将this.$el用作document

...
methods: {
    hasClass() {
      const element = this.$el.querySelector('h1')
      if (element.classList.contains('your-class-here')) {
        console.log(true)
      } else {
        console.log(false)
    }
  }
},
mounted() {
  this.hasClass()
}
...
© www.soinside.com 2019 - 2024. All rights reserved.