uni app子组件无法使用onReachBottom和onPullDownRefresh

在页面级别可以使用上拉加载onReachBottom和下拉刷新onPullDownRefresh,在子组件里无法触发,该如何处理

  1. 需在父页面进行对这两个事件的监听然后传递给子组件
// 父页面  

// 设置监听上拉加载事件
onReachBottom() {
  uni.$emit('onReachBottom') 
},
// 设置监听下拉刷新事件
onPullDownRefresh() {
  uni.$emit('onPullDownRefresh') 
}
  1. 子组件
// 子组件
beforeMount() {
  // 监听父页面传递的上拉加载
  uni.$on('onReachBottom', () => { 
    console.log("到达底部,onReachBottom")
  })
   // 监听父页面传递的下拉刷新
  uni.$on('onPullDownRefresh', () => {
    console.log("进行了上拉刷新,onPullDownRefresh")
  })
},
destroyed() {
   // 销毁onReachBottom监听
  uni.$off('onReachBottom')
  // 销毁onPullDownRefresh
  uni.$off('onPullDownRefresh') 
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容