Swiper.js循环:true不能正常工作

Question

我正在尝试使用swiper.js创建旋转木马。下面是我的配置：

{
    slidesPerView: 1,
    slidesPerColumn: 1,
    initialSlide: this.initialSlide,
    loop: true
}

正如预期的那样，这将在第一个和最后一个元素附近添加重复的幻灯片。当我从第一个元素滑动到最后一个元素时，它会显示这个重复的空白幻灯片，而不是最后一个。

看起来幻灯片被错误地复制了，因为"src“属性被从<img>标签中删除了，如何解决这个问题？

你有什么建议吗？

另外，我正在使用angular的ngx-swiper-wrapper库，而不是直接使用swiper.js

​

​

Answer 1

根据文档：

{
    loop: true,
    initialSlide: 0, //this one accept a number according to docs
    slidesPerView: 1, //number or 'auto'
    slidesPerColumn: 1 //number
}