Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js VueJS:如果一个类存在于另一个元素上,则向一个元素添加一个类_Vue.js - Fatal编程技术网

Vue.js VueJS:如果一个类存在于另一个元素上,则向一个元素添加一个类

Vue.js VueJS:如果一个类存在于另一个元素上,则向一个元素添加一个类,vue.js,Vue.js,我在VueJS工作。我试图根据另一个元素上的类的存在,将一个类绑定到一个元素。下面是一个:for循环,用于打印列表 “accordion-”+索引+1是我要检查的div的id,以查看其上是否存在类 我编写了一个方法,它一直工作到我检查元素的类列表为止。现在,我只做一个控制台日志,但最终它将返回true,希望该类能够应用 methods: { existingTopic: function(lcDivID) { const element = document.querySelecto

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

“accordion-”+索引+1是我要检查的div的id,以查看其上是否存在类

我编写了一个方法,它一直工作到我检查元素的类列表为止。现在,我只做一个控制台日志,但最终它将返回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"));
  }
}

我觉得很沮丧。我花了一天时间在这上面,没有任何结果。您能提供的任何帮助都将非常好。

在这里,您也可以使用此。$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()
}
...