uniapp如何实现上拉加载（uniapp懒加载），其实简简单单

不管是微信小程序，app上拉加载功能我感觉用的都是很多的，尤其是电商项目。

文章目录

• uniapp如何实现上拉加载（uniapp懒加载），其实简简单单
• • 第一步
  • • 开启上拉加载功能：
  • 第二步
  • • 添加指定生命周期函数

第一步

开启上拉加载功能：

需要在pages.json文件的globalStyle对象中添加onReachBottomDistance属性，并赋予指定值（属性值为相对于底部的距离），如图：

第二步

添加指定生命周期函数

在需要使用功能的页面上，添加onReachBottom生命周期函数
示例：

onReachBottom() {
			console.log("oo")
},

注意，onReachBottom与data平级。
之后就可以在onReachBottom内实现指定功能了。

//希望可以帮助到大家