微信小程序原生上拉加载,下拉刷新

本文介绍了微信小程序中实现原生的上拉加载和下拉刷新功能。通过在`data`中定义所需数据,并在`onReachBottom`事件中处理上拉加载逻辑,在`onPullDownRefresh`事件中处理下拉刷新逻辑,结合`goods.json`文件的更新,实现页面内容的动态加载和刷新。
摘要由CSDN通过智能技术生成
  • 微信小程序原生上拉加载,下拉刷新

  • data里所需的数据

     

在onReachBottom里操作 (上拉加载)

onReachBottom: function(){

this.totalpage=Math.ceil(this.totalnum/this.data.supbdo.pagesize) 
 //总页数=取整(总条数/每页条数)

if(this.totalpage==this.data.supbdo.pagenum){
      wx.showToast({
        title: '没有更多',
      })   //请提示没有更多
    }else{
      this.data.supbdo.pagenum++
       wx.request({
        url: '接口地址',
        method:'方法',
        data:this.data.supbdo,
        success(res){
          console.log(res); //查看res拿到新数据
         this.setData({
        alllist:[...this.data.alllist,...从res拿到的新数据] //展开运算符 叠加数据
      })
      wx.hideLoading()  // 数据请求成功后隐藏请提示
        }
      })
    }
}





  • 下拉刷新 首先 需要在你操作的文件夹里 比如 goods.json文件里加上</

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值