我是在angular1.x中使用的:
利用swipper自带的属性方法实现:
var Zswiper = new Swiper('.swiper-container', {
...
})
this.$timeout(() => {
console.log(Zswiper.prevButton);
/**增加class */
Zswiper.prevButton.addClass("swiper-button-disabled");
/**移除class */
Zswiper.nextButton.removeClass("swiper-button-disabled");
/**设置过渡效果0秒过渡时间 */
Zswiper.setWrapperTransition(0);
/**设置位移0 显示第一页 */
Zswiper.setWrapperTranslate(0);
/**使用jquery方法设置 */
// $(".swiper-wrapper").css('transform','translate3d(0px, 0px, 0px)');
},1000)
以上设置就可以实现在slidesPerView: 'auto'的情况下,默认显示第一页,并且后退前进按钮显示正确了。
不过还是有个问题,就是点击前进按钮的时候,第一次会直接跳转到最后一页,之后都正常。
设置样式可以用swipper自带的属性方法:
var mySwiper = new Swiper('.swiper-container',{
})
mySwiper.wrapper.addClass('my-class');//设置.swiper-wrapper样式