美文网首页Web前端之路1024
53、鸿蒙/路由跳转到一个只有页面没有UIAbility的模块

53、鸿蒙/路由跳转到一个只有页面没有UIAbility的模块

作者: 圆梦人生 | 来源:发表于2024-10-17 14:22 被阅读0次
场景

home作为一个Hsp服务,有两个页面HomePage.ets和DetailPage.ets,HomePage页面中有个按钮点击跳转到DetailPage页面,因为没有UIAbility,跳转时需要按照如下格式:

@bundle:包名(bundleName)/模块名(moduleName)/路径/页面所在的文件名(不加.ets后缀)

HomePage.ets跳转代码

import { BusinessError } from '@kit.BasicServicesKit';
import { router } from '@kit.ArkUI';

router.pushUrl({
    // @bundle:包名(bundleName)/模块名(moduleName)/路径/页面所在的文件名(不加.ets后缀)
    url:"@bundle:com.xxx.hm/home/ets/pages/DetailPage",
    params: {} // 参数
  }).then(() => {
    console.info("点击跳转详情成功");
  }).catch((err: BusinessError) => {
    console.error(`点击跳转详情失败, code is ${err.code}, message is ${err.message}.`);
});

来源

相关文章

  • Vue实战第7天

    登录登出&& token login页面登录跳转到home页面,使用路由守卫拦截 通过user模块的action发...

  • react 路由模块化 嵌套路由

    路由模块封装 首页面父子路由传递 user用户组件嵌套子路由页面

  • 路由模块

    路由模块控制vue内容显示,路由跳转,组件间的跳转。就是一个页面中实现不同组件内容的切换 1. 安装路由模块 ...

  • Taro h5路由跳转笔记

    最近项目发现一个问题:首页里面有tab, 如果不先点击tab, h5跳转到其他页面会出现404。解决办法:把路由跳...

  • 微信小程序之页面路由

    小程序的路由可以理解为:根据路由规则(路径)从一个页面跳转到另一个页面的规则。 一、微信小程序中页面跳转的方法: ...

  • Flutter开发-路由页面管理(导航)

    路由可以理解为页面的转发器,或者叫做导航器,其内部处理跳转逻辑,它规定页面具体跳转到哪里,怎么跳.在iOS中nav...

  • uni-app中的导航跳转

    利用navigator进行跳转 1、跳转到普通页面 2、跳转到tabbar页面 利用navigateTo进行导航跳...

  • 03.【手写vue-router】初始化路由信息

    需要一个类将路由信息保存起来 初始化路由信息:判断打开的界面有没有hash,没有就跳转到#/页面加载完成后和has...

  • Flutter 混合开发(Android)路由开发

    Flutter交互 原生跳Flutter页面通过路由传参 原生跳到Flutter页面,由于Flutter没有方法可...

  • 微信小程序向上级页面传递数据的三种方式

    1 getCurrentPages 获取当前页面路由栈的信息 例:当从A页面跳转到B页面 ,然后B页面修改A...

网友评论

    本文标题:53、鸿蒙/路由跳转到一个只有页面没有UIAbility的模块

    本文链接:https://www.haomeiwen.com/subject/qzbfdjtx.html