此处无法选择由第三方Vue插件生成的元素

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

我正在使用Owl Carousel for Vue。由于所有轮播项目在它们的全局容器中可见,该容器在几个屏幕宽(全局overflow: hidden或任何max-width一次只能显示x个项目)中,因此它似乎无法正常工作。

无论如何,我发现自己不得不将某些container类应用于该插件动态生成的包装器。为此,我这样做:

mounted () {
    this.$nextTick(() => {
      document.querySelector('.owl-carousel').classList.add('container')
    })
}

但是,尽管querySelector('.owl-carousel')null,尽管我在DOM中看到它。

如何成功选择它?

vue.js owl-carousel nuxt
1个回答
0
投票

哇,一个包裹在vue中的jquery插件...就像道具的200行 ...

道具开始here:L23

道具结束here:L220

但是说实话,只需添加您的课程here

<div :id="elementHandle" :class="['owl-carousel', 'owl-theme', 'your-class-here']">

© www.soinside.com 2019 - 2024. All rights reserved.