Javascript Vue.JS Owl-Carousel-2不适用于响应
我正在开发一个由Owl Carousel完成的应用程序,用于Carousel目的,下面的NPM包可用于此目的 一切都很好,但是在responsive中出现了一些问题,比如carousel选项说responsive在object选项下工作,但实际上它不工作 以下是我的代码片段:Javascript Vue.JS Owl-Carousel-2不适用于响应,javascript,vue.js,owl-carousel-2,Javascript,Vue.js,Owl Carousel 2,我正在开发一个由Owl Carousel完成的应用程序,用于Carousel目的,下面的NPM包可用于此目的 一切都很好,但是在responsive中出现了一些问题,比如carousel选项说responsive在object选项下工作,但实际上它不工作 以下是我的代码片段: import carousel from 'vue-owl-carousel2'; export default { name: 'Team', components: { carousel } } &
import carousel from 'vue-owl-carousel2';
export default {
name: 'Team',
components: { carousel }
}
<carousel
:items = 5
:autoplay = "true"
:nav = "false"
:dots = "true"
:loop = "true"
:margin = "30"
:autoplaySpeed = "true"
:autoplayTimeout = "5000"
:responsive = "{
0:{items:1},576:{items:2},768:{items:2},1200:{items:4},1500:{items:5}
}"
>
<div class="team-image">
<img src="/image/1.jpg" alt="image">
</div>
<div class="team-image">
<img src="/image/2.jpg" alt="image">
</div>
<div class="team-image">
<img src="/image/3.jpg" alt="image">
</div>
<div class="team-image">
<img src="/image/4.jpg" alt="image">
</div>
<div class="team-image">
<img src="/image/5.jpg" alt="image">
</div>
<div class="team-image">
<img src="/image/6.jpg" alt="image">
</div>
</carousel>
从“vue-owl-carousel2”导入转盘;
导出默认值{
名称:'团队',
组件:{carousel}
}
但这5个项目甚至显示了一个移动设备,而不是所有的设备
我怎样才能解决这个问题
谢谢你可以用我也有同样的问题。最后使用了vue owl旋转木马(不是vue-owl-carousel2)。您可以使用我也有同样的问题。最后使用了vue owl转盘(不是vue-owl-carousel2)。