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

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

Js代码：

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

Html:

{{data.txt}

---

如何解决这个问题？

如果不发布代码，您将无法获得太多帮助。请参阅此处以获取帮助您是否在控制台中看到任何错误？@无错误，当我在页面加载时重新加载页面（css转换属性未应用）时，它工作正常。

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