#jitoa# OpenHarmony应用开发入门——页面路由的使用

lywenjoy
发布于 2023-8-10 21:32
浏览
1收藏

此博客由金陵科技学院-开放原子开源社-芮嘉忆编写

页面路由(router)

页面路由指在应用程序中实现不同页面之间的跳转和数据传递。OpenHarmony提供了Router模块,通过不同的url地址,可以方便地进行页面路由,轻松地访问不同的页面。
以记事本为例
#jitoa# OpenHarmony应用开发入门——页面路由的使用-鸿蒙开发者社区

实现路由的跳转能力的两种方式

1.Navigator组件(路由容器组件,提供路由跳转能力)
#jitoa# OpenHarmony应用开发入门——页面路由的使用-鸿蒙开发者社区
2.router模块(包括router.pushUrl()和router.replaceUrl()两种)
router.pushUrl():目标页面不会替换当前页,而是压入页面栈。这样可以保留当前页的状态,并且可以通过返回键或者调用router.back()方法返回到当前页。
#jitoa# OpenHarmony应用开发入门——页面路由的使用-鸿蒙开发者社区
router.replaceUrl():目标页面会替换当前页,并销毁当前页。这样可以释放当前页的资源,并且无法返回到当前页。
#jitoa# OpenHarmony应用开发入门——页面路由的使用-鸿蒙开发者社区

路由常用方法:

(1)router.pushUrl():跳转到应用内的指定页面
(2)router.replaceUrl():用应用内的某个页面替换当前页面,并且销毁被替换的页面
(3)router.back():返回上一页面或指定页面
(4)router.clear():前空页面栈中的所有历史页面,仅保留当前页面作为栈顶页面

路由使用步骤

Step1:导入router模块
import router from ‘@ohos.router’;
Step2:跳转/替换/返回页面
router.pushUrl({
url:‘pages/Index’,
params:{
‘key’:‘value’
}
})


router.replaceUrl({
url:‘pages/Index’,
params:{
‘key’:‘value’
}
})


router.back()
Step3:获取路由参数
router.getParams()
可结合记事本代码的页面跳转加以理解!!

已于2023-9-17 15:33:26修改
1
收藏 1
回复
举报
1条回复
按时间正序
/
按时间倒序
安苒anran0
安苒anran0

如果打开原创申明才有可能加精

回复
2023-9-17 18:32:33
回复
    相关推荐