【Uniapp-Vue3】触底加载更多

触底的生命周期:

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

onReachBottom(()=>{

// 操作

})

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

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

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

相关推荐
狼性书生10 小时前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
Jiaberrr17 小时前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活
不老刘17 小时前
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
前端·javascript·uni-app
疯狂的沙粒18 小时前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app
^Rocky18 小时前
uniapp 集成腾讯云 IM 富媒体消息(地理位置/文件)
uni-app·腾讯云·媒体
$程18 小时前
Uniapp 二维码生成与解析完整教程
前端·uni-app
tryCbest19 小时前
UniApp系列
uni-app·web
iOS阿玮20 小时前
社交的本质是价值交换,请不要浪费别人的时间。
uni-app·app·apple
monika_yu21 小时前
uniapp 开发ios, xcode 提交app store connect 和 testflight内测
uni-app
大阳光男孩1 天前
Vue3 + UniApp 蓝牙连接与数据发送(稳定版)
uni-app