鸿蒙开发（ArkTs）路由

猛男敲代码

已于 2023-12-05 10:03:09 修改

阅读量1.1k

点赞数 8

CC 4.0 BY-SA版权

文章标签：鸿蒙鸿蒙系统

于 2023-12-04 16:26:06 首次发布

本文链接：https://blog.youkuaiyun.com/Davoid/article/details/134783382

本文介绍了OHOS框架中的Router模块，包括pushUrl、replaceUrl和back方法的使用，以及如何在页面跳转中传递和接收参数，同时提及了页面栈容量限制和clear方法的清除机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跳转模式：

router.pushUrl（） // 跳转下一页不会销毁当前页面
router.replaceUrl（） // 跳转下一页会销毁当前页面
router.back（） // 返回上一页或指定页面

注意：页面栈的最大容量为32个页面。如果超过这个限制，可以调用router.clear()方法清空历史页面栈，释放内存空间。

页面传参

import router from '@ohos.router';

// 案例一、跳转传参
// 传递参数
router.pushUrl({
  url: 'pages/routerpage2',
  params: {
    data1: 'message',
    data2: {
      data3: [123, 456, 789]
    }
  }
})
  .then(() => {
    // success
  })
  .catch(err => {
    console.error(err);
  })


// 获取参数
const params = router.getParams(); 

// 案例二、返回传参
// 传递参数
router.back({
  url: 'pages/Home',
  params: {
    info: '来自Home页'
  }
});

// 获取参数
const params = router.getParams();