我正在使用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"));
},
我觉得很沮丧。我花了一天没有任何结果。您可以提供的任何帮助都会很棒。
在这里,您可以将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()
}
...