swiper代码中只有一个slider，但页面却显示多个重复的

作者：admin 分类：站长经验总结时间：2024-10-09 浏览：

有用户反应模板在使用Swiper时遇到的问题，后台只录入了一条数据，但模板却显示了重复的三个数据

经检查发现当设置loop为true导致一行显示多个滑块时，由于数据实际上只有一份，造成页面渲染时复制并连续显示了相同的滑块。

解决方法是将loop选项设为false，避免重复显示。

var numSwiper = new Swiper('#reddtnum', {

visibilityFullFit: true,

loop:true,

slidesPerView:4.2,

});

设置的是一行多个显示，然而数据只有一个slider，页面渲染时会复制俩个，连续显示相同的三个，通过排除，只需要将loop:true删除或者改成loop:false,即可

文章链接：https://eyhtml.com/xinwendongtai/547.html
文章标题：swiper代码中只有一个slider，但页面却显示多个重复的
文章版权：所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于2024-10-09