使用avalon动态读取ajax的数据，swiper显示出错

jieshendada

设置swiper,代码如下，图片读取不了
html:<div class="swiper-container" >
    <div class="swiper-container" >
        <div class="swiper-wrapper">
            <div class="swiper-slide" ms-repeat="data.banners">
                <a ms-attr-href="{{el.url}}"> <img ms-attr-src="{{el.image}}" style="width: 100%" ></a>
            </div>
        </div>
    </div>
</div>
JS:var swiper = new Swiper('.swiper-container',  {
    pagination: '.swiper-pagination',
    /*paginationClickable: true,//点击小点*/
    autoplay: 3000,//可选选项，自动滑动
    centeredSlides: true,
    autoplayDisableOnInteraction : false,
    longSwipesRatio: 0.3,
    touchRatio:1,
    observer:true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents:true,//修改swiper的父元素时，自动初始化swiper
});

an2lin

为啥你两层swiper-pagination？

an2lin

我用avalon, 使用route, 有个问题：<li>进行ms-repeat出来的页面，进行swiper设置slidesPerView:5, 但是无法翻页，nextButton: '.swiper-button-next' 和 prevButton: '.swiper-button-prev' 两个按钮都被自动添加了 swiper-button-disabled