#鸿蒙通关秘籍#页面返回时如何安全传递数据

HarmonyOS
2024-12-04 14:24:10
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
暖风轻拂SMTP

通过router.back()方法,除了普通返回,还可以传递自定义参数。以下是实现该功能的方式:

import { router } from '@kit.ArkUI';

router.back({
  url: 'pages/Home',
  params: {
    info: '来自Home页'
  }
});

在返回目标页面时,通过router.getParams()方法获取传递的数据:

import { router } from '@kit.ArkUI';

@Entry
@Component
struct Home {
  @State message: string = 'Hello World';

  onPageShow() {
    const params = router.getParams() as Record<string, string>;
    if (params) {
      const info: string = params.info as string;
      console.log(info);
    }
  }
}

这种实现方式不仅实现页面的返回操作,还能在返回的同时传递必要的数据,方便页面之间的数据交互。

分享
微博
QQ
微信
回复
2024-12-04 16:58:24
相关问题
页面关闭如何传递数据
2052浏览 • 1回复 待解决
返回页面router.back如何传递参数
1122浏览 • 2回复 待解决