【Harmony OS 4.0】页面路由跳转代码示例

news2024/9/20 14:57:31

在这里插入图片描述
在这里插入图片描述
ets/pages/Index.ets

import router from '@ohos.router';

@Entry
@Component
struct Index {
  @State title: string = 'Index Page';
  @State message: string = ''

  onPageShow(): void { // 页面每次显示时触发。使用aboutToAppear页面没反应。
    let record = router.getParams() as Record<string, string>
    if (record) {
      this.message = record['backMsg']
    }
  }

  build() {
    Row() {
      Column() {
        Text(this.title)
          .id('IndexPage')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        // .alignRules({
        //   center: { anchor: '__container__', align: VerticalAlign.Center },
        //   middle: { anchor: '__container__', align: HorizontalAlign.Center }
        // })
        Text(this.message).fontSize(20).opacity(.6)
        Blank()
        Button('Next').width(260).height(45).fontSize(20).onClick(() => {
          router.pushUrl({ url: 'pages/SecondPage', params: { sendMsg: 'Index页面传来的数据' } })
        })
      }
      .width('100%')
      .height(160)
    }
    .height('100%')
    .width('100%')
  }
}

ets/pages/SecondPage

import router from '@ohos.router';

@Entry
@Component
struct SecondPage {
  @State title: string = 'Second Page';
  @State message: string = (router.getParams() as Record<string, string>)['sendMsg']

  build() {
    Row() {
      Column() {
        Text(this.title)
          .id('SecondPage')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        // .alignRules({
        //   center: { anchor: '__container__', align: VerticalAlign.Center },
        //   middle: { anchor: '__container__', align: HorizontalAlign.Center }
        // })
        Text(this.message).fontSize(20).opacity(.6)
        Blank()
        Button('Back').width(260).height(45).fontSize(20).onClick(() => {
          router.showAlertBeforeBackPage({ message: '确定要返回界面吗?' })
          router.back({
            url: 'pages/Index',
            params: {
              backMsg: 'Second页面传来的数据'
            }
          })
        })
      }
      .width('100%')
      .height(160)
    }
    .height('100%')
    .width('100%')
  }
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2059237.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

微服务多个模块启动,端口被占用,yml配置文件读不到

刚刚提交到gitee自己的仓库&#xff0c;拉下来还是报错&#xff0c;然后看到一个解决方法&#xff1a; <build><resources><resource><directory>src/main/java</directory><includes><include>**/*.yml</include><includ…

医院信息管理系统设计与实现(源码+lw+部署文档+讲解等)

文章目录 前言具体实现截图详细视频演示技术栈系统测试为什么选择我官方认证玩家&#xff0c;服务很多代码文档&#xff0c;百分百好评&#xff0c;战绩可查&#xff01;&#xff01;入职于互联网大厂&#xff0c;可以交流&#xff0c;共同进步。有保障的售后 代码参考数据库参…

神经重建在自动驾驶模拟中的应用

验证自动驾驶软件需要数百万公里的测试。这不仅意味着系统开发周期长&#xff0c;而且系统的复杂度也会不断增加&#xff0c;同时&#xff0c;大规模的实车测试也会耗费巨量的资源并且可能会面临未知的安全问题。aiSim这样的虚拟仿真工具可以减轻真实世界测试的负担。 AD和ADA…

学习ComfyUI的一个不错网站:www.comflowy.com/basics

学习ComfyUI&#xff0c;不仅仅是照搬别人的工作流来使用&#xff0c;重要的是能自己搭建工作流&#xff0c;而要能够熟练搭建&#xff0c;离不开对工作流中节点&#xff08;特别是重要节点&#xff09;的透彻理解。比如我自己&#xff0c;原来对 Lora 就十分陌生&#xff0c;不…

一款好看的WordPress REST API 主题

介绍&#xff1a; 主题特色&#xff1a; 使用Nuxtjs WordPress Rest Api 实现前后端分离&#xff0c;可完成多端部署&#xff1b; 主题支持自动切换黑夜模式。 使用说明&#xff1a; service 目录为wordpress主题文件&#xff0c;需要拷贝到wordpress主题目录下&#xff0…

创建uni-app项目(vue3+ts+vite)

npx degit dcloudio/uni-preset-vue#vite-ts m-uni-demo1 跳转到对应目录&#xff0c;装包&#xff0c;运行 cd m-uni-demo1 yarn yarn dev:h5 tsconfig.json: {"extends": "vue/tsconfig/tsconfig.json","compilerOptions": {"ignoreDepr…

项目实战--SpringBoot整合EasyExcel实现数据导入导出

SpringBoot整合EasyExcel实现数据导入导出 一、前言二、实践2.1 实体类注解方式2.2 动态参数化导出导入 一、前言 在公司业务系统开发过程中&#xff0c;操作 Excel 实现数据的导入导出是个非常常见的需求。 最近公司的项目采用EasyPoi来实现的&#xff0c;但是在数据量大的情…

用git指令别名,解决unity环境问题

文章目录 背景问题解决尝试1尝试2尝试3 背景 unity 项目开发时&#xff0c;由于我本机的配置和项目组其他小伙伴的配置不一样&#xff0c;使用统一的配置打开项目会出现花屏的现象&#xff0c;经过摸索尝试&#xff0c;需要修改 unity 的Project Settings。修改之后&#xff0…

骑行耳机品牌前五名排行榜:5大优质骑行耳机闭眼入都不踩雷!

近年来&#xff0c;骨传导耳机市场迅速崛起&#xff0c;但伴随着这股热潮&#xff0c;市场上也出现了诸多鱼龙混杂的杂牌品牌&#xff0c;有不少非专业的产品趁机涌入市场。这些骑行耳机在骨传导技术、防水性能、稳定性及音效调校等上百项关键指标上缺乏深入研发与优化&#xf…

FastGPT+ollama 搭建私有AI大模型智能体工作流-Mac

一、大模型工作流的优势 1. 降低任务门槛&#xff1a;工作流可以将复杂任务分解成多个小任务&#xff0c;降低每个任务的复杂度&#xff0c;从而减少对提示词和大模型推理能力的依赖。这样可以提升大模型处理复杂任务的性能和容错能力。 2. 提升任务效率&#xff1a;工作流可以…

在选择或推荐数据恢复软件之前,您如何测试和审查它?

数据恢复软件可以帮助您从各种存储设备中检索丢失或删除的文件&#xff0c;例如硬盘驱动器&#xff0c;USB闪存驱动器&#xff0c;存储卡或智能手机。但是&#xff0c;并非所有数据恢复软件都是一样的&#xff0c;根据您的情况和需求&#xff0c;有些软件的性能可能比其他软件更…

多商户入驻商城系统源码+收银系统源码

随着移动互联网的不断发展&#xff0c;私域小程序对于零售门店来说早已不再陌生。很多门店也都搭建了自己专属的私域商城&#xff0c;但是私域商城一直是不温不火的状态&#xff0c;尤其针对一些腰尾部商户来说&#xff0c;无小程序运营能力&#xff0c;小程序流量匮乏&#xf…

C#实现多选下拉框

1、创建多选下拉框控件 using System; using System.Collections.Generic; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms;namespace DFT_FFTApp.userCtrl {/// <summary>/// 多选下拉控件//…

centos 虚拟机器刚刚安装没有ip地址的问题

刚刚安装好的虚拟机器&#xff0c;我们通过 ip addr 查看ip发现是这样的 该虚拟机器没有ip地址&#xff0c;那么怎么办 原来是在/etc/sysconfig/network-scripts/ifcfg-ens33中关于网络的配置有问题 ONBOOTno 表示不开启网卡&#xff0c;我们需要将这个值进行修改为yes 当前…

上位机图像处理和嵌入式模块部署(linux程序加解密)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 我们平时在开发程序的时候&#xff0c;如果仅仅是自己使用&#xff0c;那么代码和使用场景都是自己控制的&#xff0c;一般来说问题不大。但是程序…

开放式耳机好还是入耳式耳机好?2024五款热销开放式耳机推荐!

开放式耳机与入耳式耳机各有优缺点&#xff0c;适合不同的使用场景和用户需求。 开放式耳机的优点主要包括&#xff1a; 1. 佩戴舒适性好&#xff0c;由于设计宽松&#xff0c;不会给耳朵带来压迫感&#xff0c;适合长时间使用 。 2. 透气性能好&#xff0c;尤其在夏天或运动…

C盘爆满为什么都要——关闭休眠功能?关了会有什么影响?

C盘爆满为什么都要——关闭休眠功能&#xff1f;关了会有什么影响&#xff1f; 很多C盘爆满的用户中&#xff0c;都会有一个名字是hiberfil.sys的文件&#xff0c;当启用休眠功能时&#xff0c;系统状态&#xff08;包括打开的应用程序和文件&#xff09;会保存到硬盘上的hibe…

第二证券:美股小幅收跌,纳指与标普止步八连涨

当地时间8月20日&#xff0c;美股三大指数小幅收跌。截至收盘&#xff0c;道指跌61.56点&#xff0c;跌幅为0.15%&#xff0c;报40834.97点&#xff1b;纳指跌59.83点&#xff0c;跌幅为0.33%&#xff0c;报17816.94点&#xff1b;标普500指数跌11.13点&#xff0c;跌幅为0.20%…

【18】中级提升1

题目一 策略&#xff1a; 每次将绳子右端点放在一个点上&#xff0c;看绳子往左可以覆盖多少个点。 如何知道左边覆盖几个点&#xff1f; 在绳子右端点cur左边有序区域找第一个大于等于arr[cur]-L的位置 滑动窗口 每次绳子左侧放在一个点上&#xff0c;然后有边界向右走&…

用 ChatGPT 写文章、论文,你有哪些绝活?

最强 AI视频生成&#xff1a;小说文案智能分镜智能识别角色和场景批量Ai绘图自动配音添加音乐一键合成视频百万播放量https://aitools.jurilu.com/绝活不敢说&#xff0c;但是&#xff0c;学会了这个&#xff0c;以前一周写万字&#xff0c;现在两个小时就能搞定&#xff0c;写…