uni-app实现分页--（1）准备工作，首页下拉触底加载更多

作者：Gausst松鼠会 | 2024-04-17 03:11:38

踩

实现流程如下:

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

具体代码如下：

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

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

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

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

最后在父组件触底时调用

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/437877?site