uniapp如何实现上拉加载(uniapp懒加载)?其实简简单单

uniapp如何实现上拉加载(uniapp懒加载),其实简简单单

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

文章目录

  • uniapp如何实现上拉加载(uniapp懒加载),其实简简单单
    • 第一步
      • 开启上拉加载功能:
    • 第二步
      • 添加指定生命周期函数

第一步

开启上拉加载功能:

需要在pages.json文件的globalStyle对象中添加onReachBottomDistance属性,并赋予指定值(属性值为相对于底部的距离),如图:
uniapp如何实现上拉加载(uniapp懒加载)?其实简简单单_第1张图片


第二步

添加指定生命周期函数

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

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

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


//希望可以帮助到大家

你可能感兴趣的:(大前端)