实现流程如下:
分析:需要在滚动容器中添加滚动触底,在猜你喜欢中获取数据。难点:如何在父页面调用子组件内的方法。父组件中用ref,并定义组件实例类型,子组件中暴露方法
具体代码如下:
1.在父组件中添加scrolltolower事件,用于调用子组件方法获取数据
2.给子组件添加ref属性,并给定义组件实例类型

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

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

最后在父组件触底时调用

实现流程如下:
分析:需要在滚动容器中添加滚动触底,在猜你喜欢中获取数据。难点:如何在父页面调用子组件内的方法。父组件中用ref,并定义组件实例类型,子组件中暴露方法
具体代码如下:
1.在父组件中添加scrolltolower事件,用于调用子组件方法获取数据
2.给子组件添加ref属性,并给定义组件实例类型
考虑到组件实例会在多处用到,直接早types的component.d.ts中定义
3.在子组件中利用defineExpose将方法暴露出去
最后在父组件触底时调用