在鸿蒙开发中，使用router实现页面跳转时可以带参数么？

Question

在鸿蒙开发中，使用router实现页面跳转时可以带参数么？

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。

Answer 1

使用router实现页面跳转时可以带参数

import router from '@ohos.router';
 
@Entry
@Component
struct Second {
  @State message: string = 'Second Page'
  @State paramsFromIndex: object = router.getParams()
 
  build() {
    Row() {
      Column() {
        Text(this.message)
          .margin({ top: "10vp" })
          .fontSize(50)
          .fontWeight(FontWeight.Normal)
        Text(this.paramsFromIndex?.['name'] + ",count:" + this.paramsFromIndex?.['count'])
          .margin({ top: "10vp" })
          .fontSize(20)
          .fontWeight(FontWeight.Normal)
          .margin({top:"10vp"})
        Button("Back")
          .width("80%")
          .height("50vp")
          .margin({top:"10vp"})
 
      }
      .width('100%')
    }
    .height('100%')
  }
 
}

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。

Answer 2

可以通过命名路由传递参数：

router.pushNamedRoute({
             name:'chat/detail',
              params: new ChatExtrasInfo()
            })

在目标页面通过:

router.getParams() as ChatExtrasInfo

获取参数

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。