uniapp下拉加载更多,uni图片懒加载

　　Uni实现懒加载的方法：可以使用生命周期函数【onReachBottomm()】让页面滚动到底，用代码【onReachBottom: function()】加载。

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本教程运行环境：windows7系统，Uni-App版本2.5.1，thinkpad t480电脑。

　　推荐（免费）：uni-app开发教程

　　uniapp实现懒加载的方法：

　　在uni-app中，当我们需要让请求的数据惰性加载时，可以使用生命周期函数onReachBottom()让页面滚动到底部，然后加载。

　　这里，p是页码参数。每次加载时，每1。

　　onLoad() {

　　//ajax请求

　　this.ajaxCode(this.per)

　　},

　　onReachBottom: function() {

　　//下拉惰性加载

　　this.per

　　uni.request({

　　网址： https://www . zrzj . com/API/index/home page ，

　　方法：“get”，

　　数据：{

　　病人：这个。per

　　},

　　成功：(res)={

　　var next_data=res.data.result

　　//加载一个新数组

　　this . products=this . products . concat(next _ data)

　　}

　　})

　　},

　　方法：{

　　ajaxCode(per) {

　　uni.request({

　　网址： https://www . zrzj . com/API/index/home page ，

　　方法：“get”，

　　数据：{

　　p: per

　　},

　　成功：(res)={

　　var _data=res.data.result

　　this.products=_ data

　　}

　　})

　　}

　　}相关免费学习推荐：编程视频

　　以上是uniapp如何实现懒加载的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。