第三方Vue插件无法生成select元素

Can't select element generated by third-party Vue plugin

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

无论如何,我发现自己被迫将一些 container class 应用于插件动态生成的包装器。为此,我这样做:

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

但是,querySelector('.owl-carousel')null,虽然我在 DOM.

中看到了它

我怎样才能成功select呢?

wow 一个 jquery 插件包裹在 vue 中......有像 200 行 的道具......

道具开始here:L23

道具结束here:L220

但老实说,只需添加您的 class here:

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