鸿蒙路由跳转

路由跳转包括数值传递

本文章包括两个page页面

Index.ets

import router from '@ohos.router'
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button('跳转')
          .onClick(()=>{
            router.pushUrl({
              url: 'pages/login',
              params: {
                username: 'testUser'
              }
            });
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

login.ets代码如下

import router from '@ohos.router'
@Entry
@Component
struct LoginPage {
  @State username: string = ''
  aboutToAppear() {
    // 获取传递过来的参数
    let params = router.getParams() as Record<string, any>
    this.username = params?.username ?? ''
  }
  build() {
    Column() {
      Text(`用户名：${this.username}`)
        .fontSize(29)
        .margin(23)
    }
  }
}

运行结果：