HarmonyOS鸿蒙Next中页面跳转是如何实现的？

HarmonyOS鸿蒙Next中页面跳转是如何实现的？ 在鸿蒙的代码里，页面跳转是如何实现的？

7 回复

你好，可以放一个按钮，点击打开另一个页面，比如：

Button('跳转页面')
    .onClick(() => {
      this.getUIContext().getRouter().pushUrl({ url: 'pages/页面名称' }).catch(() => {
        // TODO: Implement error handling.
      })
    })

把上方代码中的“页面名称”改为你自己的实际页面名称。

更多关于HarmonyOS鸿蒙Next中页面跳转是如何实现的？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢大佬

不客气的，

getX

router.push()

在HarmonyOS Next中，页面跳转通过Navigation组件或Router API实现。Navigation基于组件化路由，支持跨包跳转和参数传递；Router提供pushUrl()、replaceUrl()等方法用于页面栈管理。两者均需在配置文件中声明目标页面路径。

在 HarmonyOS Next 中，页面跳转主要依赖 @ohos.router 模块。常用方式有：

  • router.pushUrl：跳转到目标页并保留历史栈，支持返回。
  • router.replaceUrl：用目标页替换当前页，无法返回。

需在工程的 route_map.json 中配置页面路径映射，然后调用：

import router from '[@ohos](/user/ohos).router';
router.pushUrl({ url: 'pages/TargetPage' });

并可携带参数、设置转场动画等。

回到顶部