大致思路

1, 在data中存储可变化的page或limit 方便接口请求

2,在请求接口中使用默认显示的数据

 orders() {uni.getStorage({key: 'token',success: (res) => {console.log(res.data)uni.request({url: '',method: 'GET',data: {'limit': this.limit,//每页页数'page': this.page,//第几页},header: {'Content-Type': 'multipart/form-data','authtoken': res.data},success: (res) => {console.log("订单", res.data)this.order = [...this.order, ...res.data.data.order]//es6中的在旧数据中加其他数据}})}})},

使用onReachBottom函数使触底page+1

onReachBottom() {console.log("到底了")this.page++; // 每触底一次 page +1this.orders();},

uniapp小程序 触底刷新(onReachBottom)加载分页相关推荐

  1. 小程序 下拉刷新数据加载完毕时停止loading效果

    1.在加载数据函数里加cb 方便回调 2.在数据加载完成时(complete)用 cb && cb()来判断是否有回调函数,如果有则调用. 3.在触发上拉刷新时,在调用加载数据的函数里 ...

  2. 记一次小程序自定义导航栏及加载动画的解决方案

    记一次小程序自定义导航栏及加载动画的解决方案 主要逻辑就是动态获取设备的 statusBarHeight 和 titleBarHeight,来设置导航栏的高度和 paddingTop ip6 ipx ...

  3. 小程序页面onload(),onready()加载顺序

    小程序 onLoad(Object query) 页面加载时触发.一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数. onShow() 页面显示/切入前台时触发. on ...

  4. 微信小程序中高清图片替换加载策略

    微信小程序中高清图片替换加载策略 前言 一.基本思想 二.具体步骤 1.图片大小对比 2.代码流程 总结 前言 随着微信的不断发展,微信小程序凭借着它用户基数大,无下载安装等优点开始逐渐替代传统app ...

  5. 小程序开发之图片预加载

    小程序图片预加载,小程序不像web的html,很多属性小程序没体现出来,比如图片预加载 我们现在来看看小程序中的图片预加载 这个是wxml <view class="img-conte ...

  6. uniapp小程序当前页面刷新

    最近用uniapp开发小程序就遇到了个神坑,当前项目需求是点击投票之后在重新请求获取接口最新数据,刷新当前页面, 然而我用了微信原生方法,在点击投票后调用this.onload()钩子函数,发现报错 ...

  7. 微信小程序入门五上滑加载下拉刷新

    之前谈到文章列表的数据加载,是一次性全部加载,这样是不友好的.这章介绍加载和刷新. 效果图: 先介绍在IDE中,怎么模拟上滑这个操作.开始我是用鼠标点击文章列表,然后先上移动.结果一直没有结果,以为是 ...

  8. Taro+react开发(50) 小程序触底操作

    onReachBottom() {console.log("我在触底");const { pageIndex, pageSize, getStauList } = this.sta ...

  9. uniapp微信小程序之图片左右滑动加载上下页

    1:在src下创建一个components组件文件 在创建滑动封装组件文件 在文件中封装滑动. handleTouchstart :手指按下 , handleTouchend:手指离开 . 话不多说 ...

最新文章

  1. 严查!教育部发文:倒查 5 年博士、硕士学位论文作假行为!
  2. ResNeXt——与 ResNet 相比,相同的参数个数,结果更好:一个 101 层的 ResNeXt 网络,和 200 层的 ResNet 准确度差不多,但是计算量只有后者的一半...
  3. 近期大热的AutoML领域,都有哪些值得读的论文?
  4. Linux上快速搭建Jenkins服务器 实现持续集成开发
  5. latex 数学公式_技能分享——LaTeX篇I
  6. cydia软件路径_Cydia报错解决大全
  7. 红黑树源码及错误解析
  8. php+求二分查找递归算法,PHP二分查找(递归和循环)
  9. 计算DSP程序运行时间
  10. Day9学习记录 2021Python面向对象基础(下)(属性和方法的私有化、Property属性、__new__方法、单例模式 、异常处理、动态添加属性和方法、__slots__属性限制 )
  11. 网络打印机 这台计算机上没有安装,Win7添加网络打印机时提示打印处理器不存在怎么办?...
  12. C++11的std::is_same和std::decay使用与源码解析
  13. upyun java_又拍云Java SDK使用
  14. 消息称聊天宝团队解散 罗永浩已经退出股东行列
  15. 一次RAC主机资源使用异常导致的节点重启
  16. 冶金、水泥、化工行业自动化通信产品介绍
  17. nvs node版本管理
  18. Linux——SAMBA文件共享
  19. selenium之find_element_by_xpath定位元素
  20. ZB雕刻用鼠标和数位板的差别大不大?怎么买手绘板?ZB雕刻手绘是不是很重要?

热门文章

  1. 吴恩达深度学习课后编程题讲解(python)
  2. COB-软封装的一些理解
  3. 魔兽争霸兽族打疯狂不死
  4. Rsync 服务部署与参数详解
  5. 新型信用卡MasterPass
  6. python白噪声检验结果查询_使用python实现时间序列白噪声检验方式
  7. Jmeter测试最大在线用户数
  8. Harbor开源项目有奖征文活动开启
  9. mysql删除的表格怎么还原_mysql删除的表格怎么恢复数据
  10. matlab保存所有图,Matlab中图片保存的5种方法