【Uniapp-Vue3】触底加载更多

触底的生命周期:

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

onReachBottom(()=>{

// 操作

})

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

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

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

相关推荐
刘登辉14 小时前
uniapp报毒
uni-app
星月昭铭14 小时前
uni-app打包成H5使用相对路径
uni-app·vue·html5
大叔_爱编程1 天前
wx131基于ssm+vue+uniapp的智能停车场管理系统小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
三天不学习1 天前
Uniapp 开发 App 端上架用户隐私协议实现指南
uni-app·app 上架
寒寒_2 天前
uni-app App 端分段导出 JSON 数据为文件
uni-app
一只程序熊2 天前
Uniapp 字体加载问题(文件本地存储)
uni-app
星月昭铭2 天前
uni-app打包h5并部署到nginx,路由模式history
nginx·uni-app
xiyueta2 天前
基于UniApp + Vue3开发的智能汉字转拼音工具
uni-app
洪洪呀2 天前
uni-app & vue2 记住密码功能
前端·javascript·uni-app
新兵蛋子CodeLiu3 天前
uni-app多端资源文件下载实现方案
vue.js·uni-app