码迷,mamicode.com
首页 > 其他好文 > 详细

动态加载swiper,默认显示最后一个swiper-slide解决方案???

时间:2019-11-24 13:54:09      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:分析   pre   nbsp   方案   ati   img   url   描述   style   

问题描述:

用ajax动态加载swiper-slide以后,由于我是自适应屏幕的尺寸来决定一屏显示多少图片,所以加了 slidesPerView:auto这条属性,
加了这条属性过后,每次刷新页面的时候他总是跑到最后一张

 

亲测有效

分析:默认的是加载的空数组,等数组获取完再加载swiper组件,在swiper组件中增加一个v-if="list.length"

<swiper :options="swiperOption" v-if="list.length"> 
    <swiper-slide v-for="item of list">
        <img class="swiper-img" :src="item.imgUrl" :key=item.id/>
    </swiper-slide>
    <div class="swiper-pagination"  slot="pagination"></div>
</swiper>

 

.

动态加载swiper,默认显示最后一个swiper-slide解决方案???

标签:分析   pre   nbsp   方案   ati   img   url   描述   style   

原文地址:https://www.cnblogs.com/jianxian/p/11922083.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!