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