better-scroll 上拉加载

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33737087/article/details/86074116

一、better-scroll 的上拉加载

首先需要一个使用了BS编写的列表(肯定是不能有BUG的)

BS中文文档

     this.actScroll = new BScroll(actBox, {
        tap: true,
        scrollbar: {
          fade: true
        },
        pullUpLoad: {
          threshold: -50 // 当上拉距离超过50px时触发 pullingUp 事件
        }
      })

在初始化配置项里面添加 pullUpLoad 配置选项,给定上拉的数值

    // 触发上拉加载的事件, 调用getInfo 请求数据
      this.actScroll.on('pullingUp', () => {
        this.getInfo()
      })

绑定一个上拉事件的方法,当上拉值超过50px的时候,触发上拉加载的方法,这里面去调用一个加载数据的方法 或者直接在这里面加载数据

this.actScroll.finishPullUp()

并且在数据加载完成后,调用此方法,告诉BS你的数据已经加载完成了,否则不会再次触发 pullUpLoad 

猜你喜欢

转载自blog.csdn.net/qq_33737087/article/details/86074116