在uniapp中实现惰性加载的方法:可以使用[onrechtbox()]的生命周期函数,当页面滚动到底部时加载,代码是[onrechtbottom:function()]。
本教程操作环境:windows7系统,uni-app版本2.5.1,此方法适用于所有品牌的电脑。
推荐(免费):统一应用开发教程
在uniapp中实现延迟加载的方法;
在uni-app中,当我们需要延迟加载所请求的数据时,我们可以使用onReacteScript()的生命周期函数,在页面滚动到onReachBottom时加载页面。
p这里是页码参数,每次加载,per+1。
OnLoad() {// ajax请求这个。ajaxcode(这。per)},onreac quotom:function(){//下拉lazy load++ this . per;uni . request({ URL:& # 39;https://www.zrzj.com/api/index/homePage',法:& # 39;获得& # 39;,数据:{p: this.per},成功:(RES)= & gt;{ var next _ data = res.data.result//加载了一个新数组。产品=这个。products.concat (next _ data)}}),方法:{ Ajax code(per){ uni . request({ URL:& # 39;https://www.zrzj.com/api/index/homePage',法:& # 39;获得& # 39;,数据:{p: per},成功:(res) =>。{ var _ data = RES . data . result this . products = _ data;}})}}相关免费学习推荐:编程视频
以上是uniapp如何实现延迟加载的细节