uni-app实现分页--(1)准备工作,首页下拉触底加载更多

实现流程如下:

分析:需要在滚动容器中添加滚动触底,在猜你喜欢中获取数据。难点:如何在父页面调用子组件内的方法。父组件中用ref,并定义组件实例类型,子组件中暴露方法

具体代码如下:

1.在父组件中添加scrolltolower事件,用于调用子组件方法获取数据

2.给子组件添加ref属性,并给定义组件实例类型

考虑到组件实例会在多处用到,直接早types的component.d.ts中定义

3.在子组件中利用defineExpose将方法暴露出去

最后在父组件触底时调用

相关推荐
HashTang3 小时前
【AI 编程实战】第 6 篇:告别复制粘贴 - 设计一个优雅的 HTTP 模块
前端·uni-app·ai编程
iOS阿玮3 小时前
苹果开发者账号申请的痛点,包含新限制说明!
uni-app·app·apple
2501_915921437 小时前
iOS App 中 SSL Pinning 场景下代理抓包失效的原因
android·网络协议·ios·小程序·uni-app·iphone·ssl
雪芽蓝域zzs10 小时前
uniapp 获取app版本信息(兼容鸿蒙)
uni-app
一颗小青松10 小时前
uniapp app端使用uniCloud云函数和云对象
uni-app
2501_9160088911 小时前
在 Windows 上使用开心上架(Appuploader)在 Windows 环境下创建与管理 iOS 证书
android·ios·小程序·https·uni-app·iphone·webview
qq_3168377513 小时前
uniapp打包的微信小程序和h5两个项目 微信小程序webview打开h5 ,h5发送消息到小程序
微信小程序·小程序·uni-app
fxshy13 小时前
uniapp结合uniCloud开发的微信小程序,在开发本地接口可以正常,但是线上异常,配置服务器域名解决
微信小程序·小程序·uni-app
技术宅小温13 小时前
< uni-app开发核心难点解析:框架适配与打包发布全流程踩坑指南 >
前端·前端框架·uni-app·web app
宠友信息1 天前
面向多端部署的社区平台技术方案:uniapp 与java微服务架构的工程化实践
java·微服务·微信·架构·uni-app·springboot