1. 通过router_map.json配置文件进行

1. 创建页面
2. 配置router_map.json

{"routerMap": [{"name": "StateExamplePage","pageSourceFile": "src/main/ets/pages/state/StateExamplePage.ets","buildFunction": "PageBuilder"},......
}

3. 跳转

2. 使用pageBuilder()方法进行

1. 创建三个页面

@Component
export struct pageOneTmp {}
@Component
export struct pageTwoTmp {}
@Component
export struct pageThreeTmp {}

2. 创建PageMap函数

  @BuilderPageMap(name: string) {if (name === "NavDestinationTitle1") {pageOneTmp()} else if (name === "NavDestinationTitle2") {pageTwoTmp()} else if (name === "NavDestinationTitle3") {pageThreeTmp()}}

3. Navigation使用PageMap函数

  Navigation(this.pageInfos) {}.title("主标题").mode(NavigationMode.Split).navDestination(this.PageMap)

4. 跳转

this.pageInfos.pushPath({ name: "NavDestinationTitle1" })
this.pageInfos.pushPath({ name: "NavDestinationTitle2" })
this.pageInfos.pushPath({ name: "NavDestinationTitle3" })