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)。

 

相关文章

咱们国内现在手机分为两类,Android手机与苹果手机,现在用的...
前言 上一篇做了php的微信登录,所以也总结一下Java的微信授...
前言 上一篇文章写到如何上架IOS应用到Appstore,其中漏掉了...
文件-新建-1.项目 ┌─uniCloud 云空间目录,阿里云为uniClo...
Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写,意为&...
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景...