better-scroll之上拉加载

  • better-scroll的文档介绍的有点简单,去网上搜了一下才明白上拉加载的用法
  • 参考博客https://blog.csdn.net/skyblacktoday/article/details/80534105#commentBox
  • 主要实现代码如下
scrollInit () {
   const wrapper = document.querySelector('.wrapper')
   this.scroll = new BScroll(wrapper, {
     probeType: 3,
     click: true,
     pullUpLoad: {
       threshold: -20 // 当上拉距离超过20px时触发 pullingUp 事件
     }
   })
   this.scroll.on('pullingUp', () => {
     console.log('okkk')
     this.scroll.finishPullUp() // 事情做完,需要调用此方法告诉 better-scroll 数据已加载,否则下拉事件只会执行一次
   })
 }

你可能感兴趣的:(Vue学习)