【uniapp】实现上拉刷新和下拉加载功能：

Sun Peng

已于 2022-12-25 11:31:56 修改

阅读量948

点赞数

分类专栏：小程序端文章标签： uniapp

于 2022-08-11 21:59:30 首次发布

本文链接：https://blog.csdn.net/weixin_53791978/article/details/126294033

版权

小程序端专栏收录该内容

57 篇文章 5 订阅

订阅专栏

1、最终效果：

在这里插入图片描述

2、pages.json页面：

{
	"path": "pages/tabbar/sysLog",
		"style": {
			"navigationStyle": "custom",//隐藏默认导航头
			"enablePullDownRefresh": true, //配置后，可以下拉刷新，上拉加载
			"onReachBottomDistance": 50  //距离底部多远时触发 单位px
		}
},

3、页面功能:

created() {

},
// 上拉加载
onReachBottom() {
	const that = this
	//获取数据的方法
	......
},
//下拉加载
onPullDownRefresh() {
	const that = this
	//获取数据的方法
	......
	
	uni.stopPullDownRefresh();//停止加载
},
onLoad() {
			
},
methods: {

}