首页 > 其他分享 >router跳转page页面

router跳转page页面

时间:2024-09-04 10:53:11浏览次数:10  
标签:ets hsp 跳转 Test router page

模块内跳转:

entry模块内有两个页面

entry

  src

    main
      ets
        pages    

          PageA.ets

          PageB.ets

 

router.pushUrl({url:"pages/PageA.ets"})//跳转至PageA
router.pushUrl({url:"pages/PageB.ets"})//跳转至PageB

模块间跳转:

第一种是跳转至har内的page

1,har包内page需要定义别名

@Entry({routeName:"Test"})//定义router别名
@Component
struct Index {

  build() {
    Stack() {
      // Column : 沿垂直方向布局的容器。
      Column() {
        Image($r('app.media.bg_index'))
          .objectFit(ImageFit.Fill)
      }
    }
  }
}

 

2,需要打har包模块的导出文件添加导出页面:export xxx from './src/main/ets/page/Test'

3,其他模块通过router.pushNamedRoute跳转至对应别名的page

 router.pushNamedRoute({
      name:"Test"
    },router.RouterMode.Single)

 

 

第二种是跳转至hsp内的page

 router.pushUrl({ // 跳转hsp_test模块(hsp类型)的页面
              url: '@bundle:com.samples.hspsample/hsp_test/ets/pages/Test' //路径为:`hsp_test/src/main/ets/pages/Test.ets
            })

 

标签:ets,hsp,跳转,Test,router,page
From: https://www.cnblogs.com/fengchuxiaodai/p/18396025

相关文章

  • 智慧安防EasyCVR视频监控汇聚平台云端录像时间轴拖动不跳转,是什么原因?
    视频汇聚EasyCVR视频智能管理系统以其强大的拓展性、灵活的部署方式、高性能的视频能力和智能化的分析能力,为各行各业的视频监控需求提供了优秀的解决方案。EasyCVR平台支持多种视频流的外部分发,如RTMP、RTSP、HTTP-FLV、WebSocket-FLV、HLS、WebRTC、fmp4等,这为其在各种复杂环境......
  • React-Router V6
    React-RouterV6React路由原理不同的路径渲染不同的组件有两种实现方式HashRouter:利用hash实现路由切换BrowserRouter:实现h5Api实现路由的切换HashRouterHashRouter利用hash实现路由切换public\index.html<!DOCTYPEhtml><htmllang="en"><head>......
  • vue3 vue-router 的基本使用和配置方法
    在 vue3 中使用 vue-router 的基本步骤如下:1.安装vue-router:npminstallvue-router@42.创建一个 vue-router 实例并定义路由:import{createRouter,createWebHistory}from'vue-router';importHomefrom'./components/Home.vue';importAboutfrom'./com......
  • vue实现页面顶部路由标签跳转
    在页面使用<!--活跃菜单--> <divclass="panel-group"ref="scrollPane"> <router-linkref="tag":to="menu.path"v-for="(menu,idx)inactiveRoutes" style="display:......
  • router+firewall+switch
    1、网络拓扑图2、核心配置1)端口ip地址intg0/0/0ipaddress10.1.2.224intg1/0/0ipaddress10.1.1.1242)加入trustuntrustdmzfirewallzonetrustaddintg0/0/0firewallzoneuntrustaddintg1/0/03)security-policysecurity-policyrulenameintoout source-zonetru......
  • UniApp 中页面跳转的方法及传值
    一、UniApp中页面跳转的方法及特点(一)常见的页面跳转方法uni.navigateTo:用途:用于跳转到应用内的某个页面,非tabBar页面,它会保留当前页面,打开新的页面并推入页面栈中。特点:可以通过页面栈管理返回原页面,在新页面返回时可以返回到原页面继续操作流程。uni.redirectTo:......
  • 怎么用xpath写drissionpage?或者用相对位置?
    大家好,我是Python进阶者。一、前言前几天在Python最强王者交流群【黑科技·鼓包】问了一个Python网络爬虫处理的问题。问题如下:有没有大佬指点下怎么用xpath写drissionpage?或者用相对位置?我看了半天中文文档硬是写不出来。这是xpath //*[@id="ng-app"]/body/div/div/div[1]/......
  • Angular路由RouterLink指令和Router
      RouterLink指令RouterLink的属性[queryParams](查询参数)用法:<a[routerLink]="['/danone']"[queryParams]="{id:1,name:'abc',date:'2020-6-19'}"[state]="{tracingId:123}">达能</a> url......
  • PageOffice6国产Linux系统最简集成代码(Asp.Net)
    本文描述了PageOffice产品在普通的Asp.Net项目中如何集成调用。PageOffice国产版:支持信创系统,支持银河麒麟V10和统信UOS,支持X86(intel、兆芯、海光等)、ARM(飞腾、鲲鹏、麒麟等)、longarch芯片架构。新建Asp.Net项目:PageOffice6-Net-Simple在您的web项目的“依赖项-包-管理NuGet......
  • pageHelper分页插件导致的查询慢的问题优化
    首先在yml中配置mybatis:configuration:log-impl:org.apache.ibatis.logging.stdout.StdOutImpl会进行sql语句打印问题:进行分页查询时pageHelper自动生成的count语句相当于在查询语句外包一层selectcount(1)from(你的查询语句)对于你的查询语句的返回条件中有较......