swiper3的循环滚动时，第一张图片不能完全展现

Question

html：

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

里面的内容是从后台拿的数据动态加载的

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
        })
    }

出现的问题是：第一张图片总是一闪而过，不能完全展现出来就到了第二张图片，页面在app中出现的问题

Answer 1

swiper在后台数据没有回来已经初始化了，swiper-slide 循环 data ，加上这个 v-if=“data.length”，获取数据了之后再渲染