参考:https://blog.csdn.net/aiyishengyishi/article/details/53634659
原因:swiper初始化一次,如果追加了之后,但是初始化时记载了总共有多少个slide;
解决方法;每次追加后,重新初始化swiper
快捷初始化方法:
添加
observer:true,
observeParents:true
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,//首页展示几个
spaceBetween: 20,//间隔宽度
freeMode: true,
pagination: {
clickable: true
},
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true//修改swiper的父元素时,自动初始化swiper
});
即swiper的元素变更后会自动初始化。