鍍金池/ 問答/HTML/ swiper3的循環(huán)滾動時,第一張圖片不能完全展現(xiàn)

swiper3的循環(huán)滾動時,第一張圖片不能完全展現(xiàn)

html:

<div class="swiper-container">
    <div class="swiper-wrapper">
                
    </div>
    <!-- 分頁器 -->
    <div class="swiper-pagination"></div>
</div>

里面的內(nèi)容是從后臺拿的數(shù)據(jù)動態(tài)加載的

js :

window.onload=function () {
        var mySwiper = new Swiper('.swiper-container', {
            //direction: 'vertical',
            loop: true,
            autoplay: 2000,
            autoplayDisableOnInteraction: false,
            // 如果需要分頁器
            pagination: '.swiper-pagination',
            paginationClickable:true,
            observer:true,//修改swiper自己或子元素時,自動初始化swiper
            observeParents:true,//修改swiper的父元素時,自動初始化swiper
        })
    }

出現(xiàn)的問題是:第一張圖片總是一閃而過,不能完全展現(xiàn)出來就到了第二張圖片,頁面在app中出現(xiàn)的問題

回答
編輯回答
墨小白

swiper在后臺數(shù)據(jù)沒有回來已經(jīng)初始化了,swiper-slide 循環(huán) data ,加上這個 v-if=“data.length”,獲取數(shù)據(jù)了之后再渲染

2018年3月23日 07:38