###因为swiper渲染的时候数据还没有加载完毕,所以swiper就不轮播了,加一个判断就好
<div class="banner-wrap" v-if='bannerList.length'>
<swiper :options="swiperOption" ref="mySwiper" >
<swiper-slide v-for='(item,index) in bannerList' :key = 'index'>
<div class="img-box">
<img :src="item.banner" alt="">
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
//轮播图配置项
swiperOption: {
loop:true,
autoplay:{
disableOnInteraction: false,
delay: 2000,
},
pagination: {
el:'.swiper-pagination',
clickable:true,
// type:"bullets",
},
autoplayDisableOnInteraction: false,
},