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