HarmonyOS鸿蒙Next中emitter同页页面可以渲染，不同页面传值渲染不了

HarmonyOS鸿蒙Next中emitter同页页面可以渲染，不同页面传值渲染不了 大佬求救

现在遇到的问题的页面A包含两个不相关的组件：组件1，组件2。组件1，使用emitter.emit传递数据。组件2.接收数据。在A页面能显示。但是从A页面跳转到B页面 B页面只有一个组件2，在aboutToAppear里面获取emitter.on获取不到数据 日志打印没有效果

图片

图片

图片


更多关于HarmonyOS鸿蒙Next中emitter同页页面可以渲染，不同页面传值渲染不了的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

B页面还没有创建成功的，emitter自然也没有，所有A跳转B，emitter.emit发出数据，并不会触发事件，因为B没有创建。你应该用路由跳转传参，或者使用LocalStorage实现页面数据共享

更多关于HarmonyOS鸿蒙Next中emitter同页页面可以渲染，不同页面传值渲染不了的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


标题

文本内容

在HarmonyOS鸿蒙Next中，emitter用于页面间通信。同页页面渲染正常，但不同页面传值渲染失败，可能是由于页面生命周期或emitter事件未正确注册或触发。确保在目标页面中正确监听emitter事件，并在源页面中触发事件时传递正确的数据。检查页面栈和事件绑定逻辑，确保事件在页面切换后仍能正常触发和接收。

在HarmonyOS Next中，emitter事件总线的作用域是页面级的，不同页面之间的emitter实例是隔离的。这是设计上的限制，不是bug。

要解决跨页面通信问题，建议改用以下方案：

  1. 使用AppStorage全局状态管理
  2. 通过路由参数传递数据
  3. 使用LocalStorage页面间共享数据

对于你的场景，最简单的解决方案是在跳转到B页面时，将需要的数据作为路由参数传递：

// 页面A跳转时
router.pushUrl({
  url: 'pages/B',
  params: { data: yourData }
})

// 页面B接收
aboutToAppear() {
  const params = router.getParams()
  // 使用params.data
}

如果数据量较大或需要响应式更新，建议使用AppStorage：

// 页面A存储
AppStorage.SetOrCreate('key', value)

// 页面B获取
const value = AppStorage.Get('key')
回到顶部