uniapp实现下拉刷新,上拉加载

可参考微信开放文档(https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html)

 

 

一、 下拉刷新使用onPullDownRefresh实现,和onShow、mounted、created等同级。

 

注意点:

1.注意一定要写上uni.stopPullDownRefresh(),不然会一直处于刷新状态中。

2.不生效,在pages.json中文件目录下,增加"enablePullDownRefresh": true,如下图

 

 

 二、上拉加载,配合接口使用可实现下拉分页功能。

 

 说明:this.loading是页面的加载动作,this.getOrderpage()是接口方法(搭配pageSize、pageNumber)。

 

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...