HarmonyOS页面跳转以及返回

  1. 使用 router 进行页面跳转以及传递参数

实现代码如下：

/引入router模块/

import router from '@ohos.router';

/** 实现功能从first页面跳转到second页面，并携带参数*/

Button('to second')onClick(() => {
          router.pushUrl({
            url: 'pages/SecondPage',
            params: {
              src: 'Index页面传来的数据'
            }
          }).catch((error: Error) => {
            // Logger.info(TAG, 'IndexPage push error' + JSON.stringify(error));
          });
})

/** 在second页面接收参数，并跳转回first页面。*/

# Second page
import router from '@ohos.router'

@State src:string = (router.getParams() as Record<string, string>)['src'] # 获取first页面传递进来的参数

Button('go back').onClick(() => {
  router.back() # 跳转回上一个页面 调用router.back()返回的目标页面需要在页面栈中存在才能正常跳转。
  router.back({ url: 'pages/first'}) # 也可以表明返回到指定页面
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容