解决问题: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()
        }
      })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值