解决问题:0.1.13版本better-scroll升级后,轮播图无法正常循环

版本0.1.15正常,升级到版本1.13.2后出现以下问题:

  1. 不能正常循环轮播
  2. 第一张图没有相应的dot,第二张图对应第一个dot,出现错位
  3. 手动轮播至第五张图片后,会出现一张黑色轮播图,无法轮播回第一张图片

查找官方文档后解决了此问题,以下为修改后的代码:

      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()
        }
      })

你可能感兴趣的:(better-scroll)