Vue.js VueJS:如果一个类存在于另一个元素上,则向一个元素添加一个类
我在VueJS工作。我试图根据另一个元素上的类的存在,将一个类绑定到一个元素。下面是一个:for循环,用于打印列表 “accordion-”+索引+1是我要检查的div的id,以查看其上是否存在类 我编写了一个方法,它一直工作到我检查元素的类列表为止。现在,我只做一个控制台日志,但最终它将返回true,希望该类能够应用Vue.js VueJS:如果一个类存在于另一个元素上,则向一个元素添加一个类,vue.js,Vue.js,我在VueJS工作。我试图根据另一个元素上的类的存在,将一个类绑定到一个元素。下面是一个:for循环,用于打印列表 “accordion-”+索引+1是我要检查的div的id,以查看其上是否存在类 我编写了一个方法,它一直工作到我检查元素的类列表为止。现在,我只做一个控制台日志,但最终它将返回true,希望该类能够应用 methods: { existingTopic: function(lcDivID) { const element = document.querySelecto
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"));
}
}
我觉得很沮丧。我花了一天时间在这上面,没有任何结果。您能提供的任何帮助都将非常好。在这里,您也可以使用此。$el作为文档 另类
因此,您可以在循环中将ref定义为:ref=index+1当它崩溃时,您会看到什么错误?我得到一个nullOK的无法读取属性'classList'。我要试一试。谢谢你,我会再打给你的:-我道歉。我有一个非常愚蠢的问题。我该怎么叫哈斯班?我可以在另一个元素的v-bind:class上使用它吗?这是我在下面使用的现有主题。我会。。。六羟甲基三聚氰胺六甲醚。。。它不起作用了。我试图在一个元素上绑定一个类,而另一个元素拥有该类。因为它是动态的,所以我必须在它自己的索引中进行检查。因此,我试图调用我想要设置类的div上的函数,如果它存在于另一个id为accordion-+索引号+1的div上。啊。
...
methods: {
hasClass() {
const element = this.$el.querySelector('h1')
if (element.classList.contains('your-class-here')) {
console.log(true)
this.$el.querySelector('anotherelement').classList.add("your-another-class");
} else {
console.log(false)
}
}
},
mounted() {
this.hasClass()
}
...
<h1 class="mb-5 fs-lg" ref="myElement">Sign up</h1>
...
methods: {
hasClass() {
const element = this.$refs.myElement
if (element.classList.contains('mb-5')) {
console.log(true)
this.$el.querySelector('anotherelement').classList.add("your-another-class");
} else {
console.log(false)
}
}
},
mounted() {
this.hasClass()
}
...