【Uniapp-Vue3】触底加载更多

触底的生命周期:

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

onReachBottom(()=>{

// 操作

})

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

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

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

相关推荐
bug总结5 小时前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~6 小时前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_915106328 小时前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山11 小时前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰14 小时前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app
走到天涯海角15 小时前
uniApp蓝牙在手机上测试
智能手机·uni-app
bug总结2 天前
uniapp的easycom自动组件注册机制
uni-app
HF_code2 天前
uniapp-history路由深度指南
uni-app
suliqiang2 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
梦曦i2 天前
uni-router v0.2.0重磅发布:全链路拦截+重复导航优化
前端·uni-app