实现流程如下:
分析:需要在滚动容器中添加滚动触底,在猜你喜欢中获取数据。难点:如何在父页面调用子组件内的方法。父组件中用ref,并定义组件实例类型,子组件中暴露方法
具体代码如下:
1.在父组件中添加scrolltolower事件,用于调用子组件方法获取数据
2.给子组件添加ref属性,并给定义组件实例类型
考虑到组件实例会在多处用到,直接早types的component.d.ts中定义
3.在子组件中利用defineExpose将方法暴露出去
最后在父组件触底时调用文章来源:https://www.toymoban.com/news/detail-847401.html
文章来源地址https://www.toymoban.com/news/detail-847401.html
到了这里,关于uni-app实现分页--(1)准备工作,首页下拉触底加载更多的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!