HarmonyOS 鸿蒙Next arkts中router路由

HarmonyOS 鸿蒙Next arkts中router路由 传递数据前，接收数据的地方能不能先定义原始数据

例如：

“我的”页面先显示了“用户名”三个字

然后在“登录”页面，登录跳转，然后传递文本框的数据过去，使“我的”页面的“用户名”变成从“登录”页面传过来的数据

大学生做鸿蒙应用开发大作业遇到难题了 大家快帮帮忙 教教我

4 回复

router.pushUrl({url:url,params:params})

这个params就是你要传的参数，

更多关于HarmonyOS 鸿蒙Next arkts中router路由的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


可以使用LocalStorage,在登录页面可以把用户名存入，在我的页面可以取出来@LocalStorageProp取出来

接受数据的页面用@state正常定义变量（就是你用来显示“文件名”的那个变量），router到这个页面以后在aboutToAppear生命周期里面把数据赋值给变量就行。

在HarmonyOS鸿蒙Next中，ArkTS的路由功能主要通过[@ohos](/user/ohos).router模块实现。该模块提供了页面跳转、参数传递、返回上一页等基本路由操作。以下是ArkTS路由的核心功能和用法：

  1. 页面跳转：使用router.pushUrl方法进行页面跳转。例如：

    import router from '[@ohos](/user/ohos).router';
router.pushUrl({ url: 'pages/NextPage' });

    该方法会将目标页面压入路由栈，并导航到该页面。

  2. 带参数跳转：可以通过params传递参数。例如：

    router.pushUrl({ url: 'pages/NextPage', params: { id: 123 } });

    在目标页面中，可以通过router.getParams获取传递的参数。

  3. 返回上一页：使用router.back方法返回上一页。例如：

    router.back();

    该方法会从路由栈中弹出当前页面，并返回到上一个页面。

  4. 替换当前页：使用router.replaceUrl方法替换当前页面。例如：

    router.replaceUrl({ url: 'pages/NewPage' });

    该方法会替换当前页面，而不是压入新的页面到路由栈。

  5. 清空路由栈：使用router.clear方法清空路由栈。例如：

    router.clear();

    该方法会清空路由栈中的所有页面。

  6. 路由监听：可以通过router.on方法监听路由变化。例如：

    router.on('routeChange', (data) => {
    console.log('Route changed:', data);
});

    该方法可以监听路由栈的变化事件。

以上是ArkTS路由的基本用法，适用于鸿蒙Next开发中的页面导航和参数传递。

回到顶部