Swiper 动态加载数据没有变化问题

最新推荐文章于 2024-03-02 10:13:05 发布

转载最新推荐文章于 2024-03-02 10:13:05 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/eagle-xie/p/8477071.html

文章标签：

#移动开发

本文介绍了Swiper轮播插件中loop模式的使用方法及注意事项。loop模式可以在slide前后复制若干个slide，使Swiper呈现循环播放的效果。文章还提到了loop模式与free模式结合时可能出现的问题，并给出了设置loop为false的场景说明。

1.在swiper初始化的时候

swiper1 = new Swiper('.swiper-container', {
    initialSlide :0,
　　loop:false,//设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。 
 　　　　　　  //loop模式在与free模式同用时会产生抖动，因为free模式下没有复制slide的时间点。
    observer:true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents:true//修改swiper的父元素时，自动初始化swiper
});
2.设置loop为false
loop会在原本slide前后复制若干个slide(默认一个),导致动态加载时数据没有刷新,导致出现空白页面

转载于:https://www.cnblogs.com/eagle-xie/p/8477071.html