HarmonyOS 路由传参

本文 我们来说两个page界面间的数据传递
路由跳转 router.pushUrl 之前我们用了不少了 但是我们只用了它的第一个参数 url
其实他还有个params参数

我们第一个组件可以编写代码如下

import router from '@ohos.router'
@Entry
@Component
struct Index {build() {Row() {Column() {Button("跳转").onClick(()=>{router.pushUrl({url: "pages/AppView",params: {name: "小猫猫",age: 20}})})}.width('100%')}.height('100%')}
}

这里 我们button按钮设置点击事件 调用 router.pushUrl 跳转向 pages/AppView 页面
然后第二个参数 params 是一个对象 键值对 就是我们要传递给下一个界面的参数

我们第二个界面这样写

import router from '@ohos.router'let name:string = router.getParams()["name"]
let age:number = router.getParams()["age"]@Entry
@Component
struct AppView {build() {Row() {Column(){Text(name)Text(""+age)}.width('100%')}.height('100%')}
}

通过 router.getParams 就可以取到上一个界面传过来的值 然后 后面一对数组括号 告诉它你要取哪个字段
然后 我们用text组件展示内容 因为text 不能用数字 所以我们要用 字符串加的方式 将age转存字符串类型的

我们开启预览模式 运行index组件
然后点击按钮
在这里插入图片描述
跳转后 第二个界面也就顺利的拿到了传过来的参数
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用Linux搭建web服务器

搭建web服务器 www 简介网址及 HTTP 简介HTTP 协议请求的工作流程 www 服务器的基本配置实验实验一实验二、基于多个虚拟主机IP、基于多个虚拟端口、基于个人Web站点的Web网站 www 简介 网址及 HTTP 简介 web 服务器提供的这些数据大部分都是文件,那么我们需要在服…

降压型开关模式转换器

一、基本概述 TX4145 是一款降压型开关模式转换器。TX4145 在 6-60V 宽输入电源范围内实现不同峰值输出电流,并且具有出色的线电压和负载调整率。 TX4145 采用 PWM 电流模工作模式,环路易于稳定并提供快速的瞬态响应。 TX4145 外部提供 FS 脚&#xf…

分库分表之Mycat应用学习五

5 Mycat 离线扩缩容 当我们规划了数据分片,而数据已经超过了单个节点的存储上线,或者需要下线节 点的时候,就需要对数据重新分片。 5.1 Mycat 自带的工具 5.1.1 准备工作 1、mycat 所在环境安装 mysql 客户端程序。 2、mycat 的 lib 目录…

sqlilabs第三十六三十七关

Less-36(GET - Bypass MySQL_real_escape_string) 手工注入 单引号闭合(单引号自动转换的编码变了直接输入%27) 自动注入 和上一关一样 Less-37(POST - Bypass MySQL_real_escape_string) 手工注入 这个也是碰到过的情况 接下…

使用Vue3开发学生管理系统模板7 科目信息的实现

字段设计 IDname:课程名称,字符串,最大36字符start_time:开设时间,日期类型teacher_total:该科目老师人数,数字类型master_id:负责人ID,字符串,最大36字符ma…

2023最后一天:坚持不渝,未来值得奔赴

2024坚持不渝 又到了2023年的最后一天,最近这一个月多都是恍恍惚惚地,时间过得可真快啊,坐在桌子前,回顾这一年的过往历程~我做的每个选择或者决定,似乎都有支撑它的理由,其带来的后果,无…

Spring Boot整合 EasyExcel 实现复杂 Excel 表格的导入与导出功能

文章目录 1. 简介2. 引入依赖3. 导入功能实现3.1 创建实体类3.2 编写导入 Controller3.3 编写导入页面 4. 导出功能实现4.1 编写导出 Controller4.2 编写导出页面 5. 启动应用 🎈个人主页:程序员 小侯 🎐CSDN新晋作者 🎉欢迎 &…

OpenOCD简介和下载安装(Ubuntu)

文章目录 OpenOCD简介OpenOCD软件模块OpenOCD源码下载OpenOCD安装 OpenOCD简介 OpenOCD(Open On-Chip Debugger)开放式片上调试器 OpenOCD官网 https://openocd.org/,进入官网点击 About 可以看到OpenOCD最初的设计是由国外一个叫Dominic Ra…

Embedding模型在大语言模型中的重要性

引言 随着大型语言模型的发展,以ChatGPT为首,涌现了诸如ChatPDF、BingGPT、NotionAI等多种多样的应用。公众大量地将目光聚焦于生成模型的进展之快,却少有关注支撑许多大型语言模型应用落地的必不可少的Embedding模型。本文将主要介绍为什么…

Spark魔力:招聘网站数据深度分析系统

Spark魔力:招聘网站数据深度分析系统 简介数据集技术栈功能特点创新点 简介 在本文中,我们将介绍一款基于Spark的招聘网站数据分析系统,该系统使用爬取的前程无忧招聘数据。通过结合Flask、Pandas、PySpark、以及MySQL等技术,实现…

探索 Vue 异步组件的世界:解锁高效开发的秘密(下)

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云…

啊哈c语言——逻辑挑战6:奔跑的小人

首先我们来设计这个小人: 将这个小人身体的三部分分为3行来分别表示: 第1行用一个大写字母O表示小人的脑袋。 第2行用左尖括号表示小人的右手,用大写字母H表示小人的身 体,用右尖括号>表示小人的右手。 第3行用两个大写字母…