如何在页面加载时使滑块工作？

Question

我使用idangero swiper来扫描图像，这里我的问题是当页面加载时swiper不工作，当我重新加载它时，工作正常（即当页面加载时它没有采用transform属性）。

Js代码：

  vm.onSwipe= function () {
            vm.tslider = new Swiper('.tslider ', {
                slidesPerView: 3 
            });
    };

HTML：

     <div class="swiper-wrapper tslider ">
                <div class="swiper-slide"  prsnlty-Image-Slider="onLoadSlider">
                    <div  ng-repeat="data in smyData"> 
                        <img ng-src="{{data.img}} />
                        <p class="trtstxt">{{data.txt}}</p>
                    </div>
                </div>
            </div>

如何解决这个问题？