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”，获取数据了之后再渲染