页面test.ets

代码如下：

import router from '@ohos.router'
@Entry
@Component
struct Test {
  @State message: string = 'Hello World'
  @State username: string = 'hu'
  @State password: string = '1'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .onClick(() => {
            router.pushUrl({
              url: "pages/mine/MinePage",
              params: {
                username: this.username,
                password: this.password
              }
            })
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

页面MinePage.ets如下：

import router from '@ohos.router'

@Entry
@Component
struct MinePage {
  @State username: string = ''
  @State password: string = ''

  aboutToAppear() {
    try {
      const params = router.getParams() as { username?: string; password?: string }

      // ✅ 判断 username 是否存在且不为空字符串
      if (params.username && params.username !== '') {
        this.username = params.username
        this.password = params.password ?? ''
      }
    } catch (e) {
      console.warn('router.getParams 在预览模式不可用，已跳过参数获取')
    }
  }



  build() {
    Column() {
      Text(`欢迎你，${this.username}`)
      Text(`你的密码是：${this.password}`)
        .onClick(()=>{
          router.pushUrl({
            url:'pages/test'
          })
        })
    }.padding(20)
  }
}

运行结果如下：