HarmonyOS-页面跳转

1,182 阅读1分钟

导入类 : import { router } from '@kit.ArkUI';

一、路由跳转及常用方法

页面跳转(新增到栈顶):

router.pushUrl({
  url:""
})

页面替换(替换当前栈顶页面):

router.replaceUrl({
  url:""
})

获取页面栈长度:

router.getLength()

清空页面栈

router.clear()

需要注意的是,页面栈遵循先进后出原则,且最大容量为32个页面。

二、路由模式:

1、Standard

//Standard 默认的模式
//无论页面是否在栈中,都会添加新的页面到栈顶
router.pushUrl({
  url:""
},router.RouterMode.Standard)

2、Single

//Single 
//如果已存在相同url的页面,则会将最近已存在的同url页面移到栈顶
router.pushUrl({
  url:""
},router.RouterMode.Single)

三、路由传参

在页面A跳转到页面B的情况下,在页面A中通过params属性进行传递

router.pushUrl({
  url:"B",
  params: {
    name:"type is string",
    age: 18
  }
})

在页面B中进行接收

aboutToAppear(): void {
  const params = router.getParams() as 类型
  this.xx = 类型.xx
}