【Uniapp-Vue3】触底加载更多

触底的生命周期:

import {onReachBottom} from "dcloudio/uni-app";

onReachBottom(()=>{

// 操作

})

如果我们只是在onReachBottom生命周期函数中再次获取请求,会发现数据并没有叠加,只是原来的数据被覆盖了。

数据的条数没有变化,依旧是十条,但不是原来的十条了。

所以想要实现触底加载更多就需要实现每次请求的时候数据追加,修改uni.request时成功的代码,从直接覆盖改为追加:

相关推荐
新青年.18 小时前
【uniapp】uniapp使用java线程池
javascript·uni-app
答题卡上的情书18 小时前
uniapp版本升级
前端·javascript·uni-app
向明天乄18 小时前
uniapp 地图添加,删除,编辑标记,在地图中根据屏幕范围中呈现标记
android·java·uni-app
大叔_爱编程18 小时前
wx044基于springboot+vue+uniapp的智慧物业平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣1 天前
【Uniapp-Vue3】图片lazy-load懒加载
uni-app
大叔_爱编程2 天前
wx043基于springboot+vue+uniapp的智慧物流小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣3 天前
【Uniapp-Vue3】StorageSync数据缓存API
前端·javascript·uni-app
—丫丫3 天前
uniapp商城项目之商品详情
java·javascript·uni-app
YoloMari4 天前
组件中的emit
前端·javascript·vue.js·微信小程序·uni-app