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

实现流程如下:

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

具体代码如下:

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

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

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

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

最后在父组件触底时调用

相关推荐
雪芽蓝域zzs32 分钟前
uni-app x uts类转换
uni-app
游戏开发爱好者81 小时前
深入理解iOSTime Profiler:提升iOS应用性能的关键工具
android·ios·小程序·https·uni-app·iphone·webview
gskyi1 小时前
UniApp Vue3 数据透传终极指南
javascript·vue.js·uni-app
gskyi1 小时前
uni-app 高阶实战:onLoad与getCurrentPages深度技巧
前端·javascript·vue.js·uni-app
阿奇__18 小时前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app
云起SAAS21 小时前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
蹦哒1 天前
UniApp 原生插件开发完整指南
uni-app
a_Ichuan1 天前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app
web前端神器1 天前
记录uniapp小程序的报错
小程序·uni-app·apache
yqcoder1 天前
uni-app 之 网络请求
网络·uni-app