首页 > 其他 > 详细

vue使用better-scroll实现下拉刷新

时间:2019-11-18 21:59:09      阅读:80      评论:0      收藏:0      [点我收藏+]

better-scroll安装后,在mounted中初始化

this.scroll = new BScroll(.wrapper,{
      scrollY: true,//滚动方向为 Y 轴
      click: true,//是否派发click事件,通常判断浏览器派发的click还是betterscroll派发的click,可以用_constructed,若是bs派发的则为true
      // 下拉刷新
      pullDownRefresh: {
      // 下拉距离超过30px触发pullingDown事件
      threshold: 30,
      // 回弹停留在距离顶部20px的位置
      stop: 20
      }
    });
    this.scroll.on(pullingDown, () => {
  //这里刷新后的事件
    setTimeout(() => {
    //这里刷新后的事件
    // 事情做完,需要调用此方法告诉 better-scroll 数据已加载,否则下拉事件只会执行一次
    this.scroll.finishPullDown()
    }, 2000)
    })

vue使用better-scroll实现下拉刷新

原文:https://www.cnblogs.com/bbplayer/p/11884929.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!