路由实现动态页面的跳转方案

路由实现动态页面的跳转方案

HarmonyOS
2024-03-17 14:31:15
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
rhlee

可以在跳转之前,获取到实际要跳转的页面路径,然后替换掉路径。具体可参考如下代码:

import { router } from '@kit.ArkUI'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'A页面'; 
  @State urlString: string = 'pages/Index02'; // 原本要跳转的页面B 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
        Button('点我跳转B') 
          .onClick(() => { 
            // 在跳转之前获取到实际要跳转的页面C 
            this.urlString = 'pages/Index03'; 
            router.pushUrl({ url: this.urlString }); 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

参考链接

router.pushUrl

分享
微博
QQ
微信
回复
2024-03-18 17:14:05
相关问题
动态页面跳转方案,有谁知道吗?
825浏览 • 1回复 待解决
如何实现router命名路由跳转
506浏览 • 1回复 待解决
如何实现page页面的横竖屏切换
40浏览 • 1回复 待解决
路由跳转如何通过scheme方式分发
327浏览 • 1回复 待解决
api8如何实现异步线程跳转页面?
1374浏览 • 1回复 待解决
如何实现上下切换的页面跳转动画
891浏览 • 0回复 待解决
跨模块路由跳转的问题有知道的吗?
1036浏览 • 1回复 待解决
如何通过JS动态引入页面?
1545浏览 • 1回复 待解决
路由页面栈可以跳过最大限制32吗
375浏览 • 1回复 待解决
隐私安全页面跳转实践
1308浏览 • 1回复 待解决
鸿蒙中页面的context如何拿到
16756浏览 • 3回复 待解决