版本0.1.15正常,升级到版本1.13.2后出现以下问题:
- 不能正常循环轮播
- 第一张图没有相应的dot,第二张图对应第一个dot,出现错位
- 手动轮播至第五张图片后,会出现一张黑色轮播图,无法轮播回第一张图片
查找官方文档后解决了此问题,以下为修改后的代码:
this.slider = new BScroll(this.$refs.slider, {
scrollX: true,
scrollY: false,
momentum: false,
//snap: true,
// snapLoop: this.loop,
// snapThreshold: 0.3,
// snapSpeed: 400
//snap的改写
snap: {
loop: this.loop,
threshold: 0.3,
speed: 400
}
})
this.slider.on('scrollEnd', () => {
let pageIndex = this.slider.getCurrentPage().pageX
//删除以下三行代码
// if (this.loop) {
// pageIndex -= 1
// }
this.currentPageIndex = pageIndex
if (this.autoPlay) {
this._play()
}
})