我在Vue使用Owl Carousel。由于所有轮播项目在它们的全局容器中可见,该容器的宽度为几个屏幕(似乎没有overflow: hidden
或max-width
一次只能显示x个项目),因此它似乎无法正常工作。
无论如何,我发现自己被迫将某些container
类应用于该插件动态生成的包装器。为此,我这样做:
mounted () {
this.$nextTick(() => {
document.querySelector('.owl-carousel').classList.add('container')
})
}
但是,querySelector('.owl-carousel')
就是null
虽然我看到它的DOM。
如何成功选择呢?