今天开发,发现轮播图的数据是动态的就会会出现第一页空白,一开始以为是执行顺序的问题,在onbeforeMonut执行接口获取数据,然后在onMount在执行动态数据,最后加了await还是会
然后查询了一圈发现是页面还没有数据就渲染导致的
解决方法很简单,直接给组件添加一个v-if="imgList2.length>0"即可
<el-carousel v-if="imgList2.length>0" :interval="4000" type="card" height="375px">
<el-carousel-item v-for="item in imgList2" :key="item">
<img :src="item.url" alt="">
</el-carousel-item>
</el-carousel>