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

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

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

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

router.back({
  url: 'pages/Home',
  params: {
    info: '来自Home页'
  }
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

在返回目标页面时,通过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);
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

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

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