vue3.x使用swiperUI “loop“: true失效

版本号：
vue/cli：4.5.12
swiper：^6.8.4

问题

动态加载图片时， swiper 的 loop: true 失效

解决方案

这里有两种解决方案，根据需求选择对应方案

1. 启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。默认false，不开启，可以使用update()方法更新。

observer: true,
observeParents: true,
observeSlideChildren: true,

点击查看swiper完整配置

2. 在动态数据获取到后重新初始化swiper也可以

apiImgList().then(res => {
	aImages  = res.result && res.result.length ? res.result : [{
			picUrl: "默认图片"
		}];
		nextTick(() => {
			fInitSwiper();
		});
	}).catch(() => {
		aImages = [{
			picUrl: "默认图片"
		}];
		nextTick(() => {
			fInitSwiper();
		});
	})