鸿蒙Next开发日记 Day04 - 页面跳转与参数传递

1、能跳转的页面，需要使用注解描述

@Entry
@Component
struct Player {}

2、在main_pages.json中定义

{
  "src": [
    "pages/Index",
    "pages/player/Player",
    "pages/player/Player2"
  ]
}

3、发起跳转并携带参数

router.pushUrl({
  url: 'pages/player/Player', // 目标url
  params: {
    "itemId": "abc"
  }
}, router.RouterMode.Single, (err) => {
  if (err) {
    console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
    return;
  }
  console.info('Invoke pushUrl succeeded.');
});

4、目标页面接收参数

@Entry
@Component
struct Player {
    routerParams: Record<string, Object> = router.getParams() as Record<string, Object>; // 获取传递过来的参数对象
    @State itemId: string = this.routerParams['itemId'] as string
}