動態加載swiper,默認顯示最后一個swiper-slide解決方案???


問題描述:

用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>

 

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM