#鸿蒙通关秘籍#如何在页面跳转时传递参数?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
暮s苍CDN

在页面跳转时,需要传递参数给目标页面,可以在pushUrlreplaceUrl时使用params属性。

定义参数模型:

javascript class DataModelInfo { age: number = 0; }

class DataModel { id: number = 0; info: DataModelInfo | null = null; }

跳转并传递参数:

javascript function onJumpClick() { let paramsInfo = { id: 123, info: { age: 20 } }; router.pushUrl({ url: 'pages/Detail', params: paramsInfo }, (err) => { if (err) { console.error(Invoke pushUrl failed, code is ${err.code}, message is ${err.message}); return; } console.info('Invoke pushUrl succeeded.'); }); }

在目标页面获取参数:

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

const params = router.getParams(); const id = params.id; const age = params.info.age;

分享
微博
QQ
微信
回复
2天前
相关问题
HTTP GET请求如何传递参数
3104浏览 • 1回复 待解决
如何在navigation跳转页面返回传参
1675浏览 • 1回复 待解决
返回页面router.back如何传递参数
968浏览 • 2回复 待解决
页面关闭如何传递数据
1951浏览 • 1回复 待解决
原生页面和webview如何进行参数传递
563浏览 • 1回复 待解决