vue.js - 无法选择第三方Vue插件生成的元素

Question

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

如何才能成功选中？

Answer 1

哇，一个包裹在 vue 中的 jquery 插件......有 200 行 Prop ......

Prop 开始here : L23

Prop 结束here : L220

但老实说，只需添加您的类(class)here :

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

• fork it

• 自定义

• npm install <git repo url>