微信小程序上拉加载和下拉刷新

版权声明：Copyright2018TianDiSheng.AllRightsReserved. https://blog.csdn.net/tianxintiandisheng/article/details/82056578

说明：

要触发下拉刷新上拉加载事件，需要能够监听到事件才行
在需要实现下拉刷新上拉加载的页面配置对应页面xxx.json文件或者更改全局的app.json文件.

代码示例，更改页面配置xxx.json文件

页面配置xxx.json文件中添加以下字段

{
    "enablePullDownRefresh":true,//是否开启下拉刷新
    "backgroundTextStyle":"dark",//下拉背景字体、loading 图的样式，仅支持 dark/light，默认light不可见
    "onReachBottomDistance": 50//页面上拉触底事件触发时距页面底部距离，单位为px
}

自定义上拉记载触发的函数

Page({
  data: {
  },
 onReachBottom: function() {
        wx.showToast({
            title: '上拉触底',
            icon: 'success',
            duration: 2000
        });
        console.log('--------上拉触底-------')
    }

});

---

技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧~
凭邀请码注册可享受学费减免优惠
我的邀请码：25344308 ，或者你可以直接点击此链接：
修真院注册链接