我正在使用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中看到了它。
如何成功选择它?