**1.loop模式下获取正确的下标 **
this.swiper = new Swiper('.swiper-container', {
initialSlide:0,
slideToClickedSlide: true,
loop : true,
slidesPerView: 4,
observer:true,
observeParents:true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
// 一个滑块切换到另一个滑块时获取到真正的下标,此处this指向的是swiper实例
// 关键代码
slideChangeTransitionEnd:function(){
console.log(this.realIndex);
},
}
});
2.解决滑动数据更新,dom不更新问题
updated () {
if (this.mySwiper) {
this.$nextTick(() => {
this.mySwiper.loopDestroy()
this.mySwiper.loopCreate()
})
}
}