51、鸿蒙/路由跳转带参数

作者: 圆梦人生 | 来源:发表于2024-08-15 09:28 被阅读0次

路由跳转到一个只有页面没有UIAbility的模块:

  • 现在有模块A,B。A模块为Entry类型,其中有个UIAbility,有pages。B模块是Feature类型,没有UIAbility,但是有pages。整个App只想使用一个UIAbility的情况下,A模块跳转到B模块的页面并且带参数。

案例

  • 项目/entry/src/main/resources/base/profile/main_pages.json
{
  "src": [
    "pages/Index",
    "pages/SubPag"  // 添加页面
  ]
}
  • Index.ets
import { router } from '@kit.ArkUI'
@Entry
@Component
struct Index {
  build(){
     Button('点击跳转页面').onClick((event: ClickEvent) => {
        router.pushUrl({
          url: 'pages/SubPag',
          params: {
            userName: 'zs'
          }
        })
      })
  }
}
  • SubPag.ets
import { router } from '@kit.ArkUI';
interface UserVO {
  userName: string;
}

@Entry
@Component
struct SubPag {
  @State message: string = 'Hello World';
  aboutToAppear(): void {
     let params = router.getParams() as UserVO;
      console.log('params参数 === ', JSON.stringify(params));
  }
  build() {
    Text('hello')
  }
}

相关文章

网友评论

    本文标题:51、鸿蒙/路由跳转带参数

    本文链接:https://www.haomeiwen.com/subject/usvskjtx.html