Javascript Vue.JS Owl-Carousel-2不适用于响应

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 } } &

我正在开发一个由Owl Carousel完成的应用程序,用于Carousel目的,下面的NPM包可用于此目的

一切都很好,但是在responsive中出现了一些问题,比如carousel选项说responsive在object选项下工作,但实际上它不工作

以下是我的代码片段:

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)。