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

实现流程如下:

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

具体代码如下:

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

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

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

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

最后在父组件触底时调用

相关推荐
笨笨狗吞噬者15 小时前
记录一个uniapp小程序端编译时问题
前端·微信小程序·uni-app
会一丢丢蝶泳的咻狗2 天前
uni-app安卓端强制更新apk包
android·前端·uni-app
iOS阿玮2 天前
苹果审核被拒,其实可以靠回复也能过审
uni-app·app·apple
程序员小刘2 天前
HarmonyOS 5中UniApp的调试步骤
华为·uni-app·harmonyos
饭啦啦2 天前
uniapp音乐播放createInnerAudioContext
uni-app
米粒宝的爸爸2 天前
uniapp中vue3 ,uview-plus使用!
前端·vue.js·uni-app
狂龙骄子2 天前
uniapp Switch控件背景颜色自定义
css·uni-app·switch·hbuilderx·colorui
qq_424409192 天前
uniapp的app项目,在华为pad上运行,页面显示异常
uni-app
涛々2 天前
uniapp-vue3-js-vite-pinia-eslint 快速开发模板
javascript·uni-app·uniapp+vue3模板
三天不学习2 天前
使用Cursor + Devbox + Uniapp 一站式AI编程开发移动端(App、H5、小程序)
小程序·uni-app·ai编程