只需要在swiper组件上面加上v-if=“数据.length > 0”
<!-- swiper的bug,如果数据是从网络获取的,那么自动轮播到最后一页之后就不轮播了-->
<swiper :options="swiperOption" class="banner" v-if="banners.length > 0">
<!-- slides -->
<swiper-slide v-for="value in banners" :key="value.bannerId" class="item">
<a :href="value.url">
<img :src="value.pic" alt="">
</a>
</swiper-slide>
<!-- Optional controls -->
<div class="swiper-pagination" slot="pagination"></div>
</swiper>