HarmonyOS 最佳实践应用导航设计 如何解决目标页面都是组件而不是页面

import { BuilderNameConstants, buildRouterModel, RouterModule, RouterNameConstants, } from '@ohos/routermodule'; 
let para: Record<string, number> = { 'PropA': 47 }; 
let storage: LocalStorage = new LocalStorage(para); 
@Component 
struct A1 { 
 
  aboutToAppear(): void { 
    console.log(`ssssssss：`+storage.get('PropA')) 
  } 
 
  build() { 
    Column() { 
      Text(`传入的参数：`+storage.get('PropA')) 
        .margin(20) 
      Button($r("app.string.to_index"), { stateEffect: true, type: ButtonType.Capsule }) 
        .width('80%') 
        .height(40) 
        .margin(20) 
        .onClick(() => { 
          RouterModule.clear(RouterNameConstants.ENTRY_HAP); 
        }) 
 
    } 
    .width('100%') 
    .height('100%') 
  } 
} 
 
@Builder 
export function harBuilder(value: object) { 
  NavDestination() { 
    A1() 
  }.onReady(()=>{ 
    storage.set('PropA',22) 
  }) 
  .onShown(()=>{ 
 
    console.log("111111111111111111:::"+storage.get('PropA')) 
  }) 
  .title('A1Page') 
  .onBackPressed(() => { 
    RouterModule.pop(RouterNameConstants.ENTRY_HAP); 
    return true; 
  }) 
} 
 
const builderName = BuilderNameConstants.HARA_A1; 
if (!RouterModule.getBuilder(builderName)) { 
  const builder: WrappedBuilder<[object]> = wrapBuilder(harBuilder); 
  RouterModule.registerBuilder(builderName, builder); 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.