版本号:
vue/cli:4.5.12
swiper:^6.8.4
问题
动态加载图片时, swiper
的 loop: true
失效
解决方案
这里有两种解决方案,根据需求选择对应方案
- 启动动态检查器(OB/观众/观看者),当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。默认false,不开启,可以使用update()方法更新。
observer: true,
observeParents: true,
observeSlideChildren: true,
- 在动态数据获取到后重新初始化swiper也可以
apiImgList().then(res => {
aImages = res.result && res.result.length ? res.result : [{
picUrl: "默认图片"
}];
nextTick(() => {
fInitSwiper();
});
}).catch(() => {
aImages = [{
picUrl: "默认图片"
}];
nextTick(() => {
fInitSwiper();
});
})