1.看图
- 之前是这个结构
<div class="banner swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) in bannerList" :key="index">
<img alt v-lazy="item.PicURL" />
</div>
</div>
</div>
改回下面这种就好了
需要在数据获取后,才能初始化swiper
this.getBanner().then(() => {
// 初始化swiper
this._initSwpier()
})
// 有数据才渲染swiper-slider
<div class="banner swiper-container">
<div class="swiper-wrapper" v-if="bannerList.length > 0">
<div class="swiper-slide" v-for="(item,index) in bannerList" :key="index">
<img alt v-lazy="item.PicURL" />
</div>
</div>
<div class="swiper-pagination"></div>
<m-search class="search" />
</div>
项目链接:链接