问题： 用vue-awesome-swiper做商品详情页轮播图时，已经设置了loop：true，但是却失效了，轮播到最后一张图片时就停止播放了。

解决方法：在swiper上加个v-if=“banner.length>0”判断，等到图片数据有了再来循环渲染图片。

代码：html

<swiper :options="swiperOption" class="banner" v-if="banner.length>0">
    <swiper-slide v-for="(slide, index) in banner" :key="index"><img class="wh100" :src="slide" /></swiper-slide>
</swiper>

js：

swiperOption: {
	          	pagination: {
	            	el: '.swiper-pagination',
	          	},
		      	autoplay: {
		      		delay: 3000,
					disableOnInteraction: false,//操作swiper后不会停止播放
		      	},
		        loop: true,
		        observer:true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents:true,
	        },