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

时间:2019-10-18 12:24:00

标签: vue.js owl-carousel nuxt

我正在使用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中看到了它。

如何成功选择它?

1 个答案:

答案 0 :(得分:1)

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

道具开始here:L23

道具结束here:L220

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

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