实现流程如下:
分析：需要在滚动容器中添加滚动触底，在猜你喜欢中获取数据。难点：如何在父页面调用子组件内的方法。父组件中用ref，并定义组件实例类型，子组件中暴露方法
具体代码如下：
1.在父组件中添加scrolltolower事件，用于调用子组件方法获取数据
2.给子组件添加ref属性，并给定义组件实例类型
考虑到组件实例会在多处用到，直接早types的component.d.ts中定义
3.在子组件中利用defineExpose将方法暴露出去
最后在父组件触底时调用
uni-app实现分页--（1）准备工作，首页下拉触底加载更多
羊吖2024-04-11 12:20
相关推荐
00后程序员张10 小时前
Windows / Linux / Mac 上不用 Xcode 把 IPA 上传到 App Store，upload 命令详解风月说与山鬼11 小时前
八、uni-app页面调用接口梦梦代码精1 天前
基于UniApp+Vue3+ThinkPHP 8，这套知识付费系统的架构设计有点东西风月说与山鬼1 天前
三、uni-app页面配置（pages.json）风月说与山鬼1 天前
二、uni-app入口文件（main.js）xiaopang2 天前
一次小程序 Canvas 海报真机调试复盘：从空白导出到 iOS 保存失败MrFlySand_飞沙2 天前
uniapp开发微信小程序实现接入企业微信客服PedroQue993 天前
Vue Router 4.x风格导航守卫全面升级Haibakeji3 天前
APP小程序定制开发项目频繁延期？前期规避方法与落地避坑指南anyup3 天前
迁移uni-app x，我是如何让 AI 把我一步步搞崩溃的...