微信小程序:上拉加载/下拉刷新/禁止下拉/正在加载/取消加载/取消下拉

本文介绍了微信小程序中实现下拉刷新和上拉加载的步骤,包括在`onPullDownRefresh`中如何重置数据并调用获取列表的方法,以及在`onReachBottom`中判断何时加载更多数据。同时,还提到了如何禁止下拉刷新,在页面JSON配置中设置`"disableScroll": true`,以及如何显示和隐藏加载提示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上拉加载/下拉刷新/禁止下拉/正在加载/取消加载/取消下拉  

如何去整理

代码如下
下拉刷新

 

 


onPullDownRefresh: function () {     //小程序自带的上拉下拉方法
            listPage=1;    //将页数还原到第一页
            this.setData({  
              detailsList: []  //将 列表清空
            })
            this.getList();   //运行列表方法    在列表方法请求完成后加上 wx.stopPullDownRefresh()   清除加载
          },

上拉加载
     onReachBottom: function () {    //小程序自带的上拉下拉方法
      var that=this
        if (count > 30 * listPage){    //这个是下一页是否有值    
          listPage = listPage+1  
          that.getList();
        }
        //count   是列表总数
        //30  是一页我显示30条数据
        //*listPage  乘第几页    比如第一页listPage  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值