#鸿蒙通关秘籍#使用HarmonyOS的NavRouter实现组件化导航的方法?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
墨雨菲菲

在HarmonyOS中,NavRouter是一个用于简化页面跳转的组件。通过封装,减少了编写复杂逻辑的需求。

  • 在主页面中定义NavRouter组件,内容示例如下:
Navigation() {
  List({ space: 12 }) {
    ForEach(this.arr, item => {
      ListItem() {
        NavRouter() {
          Text("导航到" + item)
            .onClick(() => {
              console.log('点击了' + item);
            })
          NavDestination() {
            Text("目标内容" + item)
          }
          .title("目标页面标题" + item)
        }
      }
    })
  }
}

NavRouter点击后,自动呈现目标页面的NavDestination内容,不需要手动管理页面跳转逻辑。

分享
微博
QQ
微信
回复
1天前
相关问题