可以尝试以下方案,我在项目里这么做的,目前可行,供参考下:
第一步:记录初始化和每次 change 时的当前 siwpeIndex。
第二步:在绑定的 change 事件里,通过 ref 可以获取到 Swipe 实例,然后获取实例里的 deltaX属性值(值为正值,表示左滑;值为负值,表示右滑)。
第三步:如果当前 siwpeIndex为最后一个内容,且deltaX值为负时,调用siwpeTo() 方法重定向到最后一个轮播内容。
具体来说,是在 siwpe 绑定的change事件里如下
if(this.swipeIndex==(this.siwpeData.length-1)&&this.$refs.mySwipe.deltaX<0){
this.$refs.mySwipe.swipeTo(this.swipeIndex,{immediate:false});
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…