鸿蒙 next 5.0 版本页面跳转传参 接受参数 ,,接受的时候 要先定义接受参数的类型, 代码可以直接CV使用 [教程]

1, 先看效果

2, 先准备好两个页面

index 页面 传递参数

import router from '@ohos.router'@Entry
@Component
struct Index {@Statelist: string[] = ['星期一', '星期二','星期三', '星期四','星期五']@StateactiveIndex: number = 0build() {Row() {Column({ space: 10 }) {ForEach(this.list, (item: string, index: number) => {Text(item).width('100%').height(50).textAlign(TextAlign.Center).fontSize(16).backgroundColor(this.activeIndex === index ? Color.White : Color.Orange).onClick(()=>{this.activeIndex = indexconsole.log('111',this.activeIndex)})})Row(){Text('跳转传参').onClick(()=>{router.pushUrl({url:'pages/one',params: {value:'test'}})})}}.width(90)}.padding(15).backgroundColor(Color.Pink).width('100%').alignItems(VerticalAlign.Center)}
}

3, 接受参数

import router from '@ohos.router'
import promptAction from '@ohos.promptAction'// 声明接受参数的类型
interface PARAMS {value: string
}@Entry
@Component
struct one {@StateparamsValue: PARAMS = {value: ''}aboutToAppear() {// as 转换一下变成我们要接受的类型this.paramsValue = router.getParams() as PARAMS// 控制台打印console.log(`111, ${JSON.stringify(this.paramsValue)}`)// 提示传过来的内容promptAction.showToast({message: this.paramsValue.value})}build() {Column(){Text('55555555555')// 显示传的参数内容Text(this.paramsValue.value)}.width('100%').height('100%').justifyContent(FlexAlign.Center)}
}

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

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

相关文章

【Git远程操作】向远程仓库推送 | 拉取远程仓库

目录 1.向远程仓库推送 ​1.1本地仓库的配置 1.2remote-gitcode本地仓库 1.3推送至远程仓库 2.拉取远程仓库 现阶段以下操作仅在master主分支上。 1.向远程仓库推送 工作区☞add☞暂存区☞commit☞本地仓库☞推送push☞远程仓库注意:本地仓库的某个分支 ☞推…

《Techporters架构搭建》-Day01 第一个RESTful API接口

微服务架构搭建 搭建微服务架构分析一下项目的build.gradle添加Demo接口 搭建微服务架构 首先搭建系统管理模块,模块结构如下 tps-cloud └── tps-system -- 系统管理模块└── tps-system-api -- 系统管理模块公共api模块└── tps-system-biz -- 系统管理模…

单片机设计_自行车码表(AT89C51, LCD1602, DS1302,霍尔传感器)

想要更多项目私wo!!! 一、电路设计 系统采用51单片机LCD1602液晶DS1302时钟模块霍尔传感器电机按键模块蜂鸣器报警模块设计而成。 产品自带单片机上电复位电路、手动复位电路(复位按键)、晶振电路(给单片机提供时钟周期)。 …

Zabbix介绍和架构

目录 一.Zabbix简介 1.为什么需要监控 2.需要监控什么 3.常见的监控工具 4.Zabbix使用场景及系统概述 5.Zabbix 架构 6.Zabbix工作流程 7.Zabbix 术语 二. 部署安装zabbix 三.zabbix 配置文件 一.Zabbix简介 1.为什么需要监控 运维行业有句话:“无监控、不运维”&am…

AGV平面坐标系变换公式及实例

1、AGV坐标系简介 如上图,小车前后对角是有激光雷达的,其坐标系称为激光坐标系,采用极坐标系体现。中间为车体坐标系,激光坐标系相对于车体坐标系关系不变;左下角是地图坐标系,小车扫图后,建立的…

Java开发如何短时间准备 Java 面试?

发现一个问题,Java开发如何短时间准备 Java 面试? 本科应届毕业生,打算玩命一个月,争取三月份参加面试(面正式岗,非实习),主要还是java工作,我现在的程度是:j…

探索智慧职校教职工管理的教师信息功能

在智慧职校的教职工管理体系中,教师信息管理犹如教师职业生涯的数字罗盘,引领着教师个人成长与学校教学质量的双轨并进。这一模块的核心精髓在于对教师基本信息的精细捕捉与维护,确保每位教师的个人资料,诸如姓名、性别、出生日期…

RK3588核心板怎么选?为项目挑选合适核心板的五大建议

在信息爆炸的互联网海洋中,面对琳琅满目的RK3588核心板产品,您是否也曾感到眼花缭乱,难以抉择?究竟哪一款能够完美契合您的智能设备开发项目,让您在最短时间内找到最合适的伙伴,减少研发试错,加…

python 打包工具 nuitka 使用笔记

个人感受: 感觉和 pyinstaller 差不多。 目前还没感受到什么差别。 但是有很多人都推荐这个。 当前只是初步尝试,记录一下大体过程。后面有时间了,再找几个例子看看。 比如找点复杂的项目, 或是游戏项目,然后打包一下看看效果。 …

Day58:并查集 108.冗余连接 109.冗余连接II

108. 冗余连接 时间限制:1.000S 空间限制:256MB 题目描述 树可以看成是一个图(拥有 n 个节点和 n - 1 条边的连通无环无向图)。 现给定一个拥有 n 个节点(节点标号是从 1 到 n)和 n 条边的连通无向图&…

【瓴岳科技】历史面试题

【瓴岳科技】历史面试题 1. 公司简介2. 写一个lru 1. 公司简介 瓴岳科技(Fintopia)是以大数据和人工智能为基础的数字科技集团,致力于通过科技提高金融服务的品质与效率,为全球用户提供卓越的金融体验。2015年成立至今&#xff0…

wandb本地部署

pip install --upgrade wandbwandb server start(如果失败了) docker pull wandb/local:latest启动 docker run --rm -d -v wandb:/vol -p 8080:8080 --name wandb-local wandb/local:latest打开http://localhost:8080/signup (有可能失败&…

42、PHP 实现把二叉树打印成多行

题目&#xff1a; PHP 实现把二叉树打印成多行 描述&#xff1a; 从上到下按层打印二叉树&#xff0c;同一层结点从左至右输出。每一层输出一行。 <?php/*class TreeNode{var $val;var $left NULL;var $right NULL;function __construct($val){$this->val $val;} }…

python处理DWG文件

ezdxf是一个用于处理DXF&#xff08;Drawing Exchange Format&#xff09;文件的Python库。虽然它主要用于DXF文件&#xff0c;但因为它可以处理由AutoCAD和其他CAD程序生成的许多图形实体&#xff0c;所以有时也被用于间接处理DWG文件的内容&#xff0c;前提是DWG文件已经被转…

LeetCode热题100刷题16:74. 搜索二维矩阵、33. 搜索旋转排序数组、153. 寻找旋转排序数组中的最小值、98. 验证二叉搜索树

74. 搜索二维矩阵 class Solution { public:bool searchMatrix(vector<vector<int>>& matrix, int target) {int row matrix.size();int col matrix[0].size();for(int i0;i<row;i) {//先排除一下不存在的情况if(i>0&&matrix[i][0]>target…

Qt Style Sheets-入门

Qt 样式表是一种强大的机制&#xff0c;允许您自定义小部件的外观&#xff0c;这是在通过子类化QStyle已经可行的基础上的补充。Qt 样式表的概念、术语和语法在很大程度上受到 HTML级联样式表 (CSS)的启发&#xff0c;但适用于小部件的世界。 概述 样式表是文本规范&#xff0…

前端出发能走多远——写在前面

2022 年 11 月 15 日&#xff0c;虽然在意料之中&#xff0c;但是靴子终于落地了&#xff1a;我们被裁了。互联网的寒冬肆意呼啸&#xff0c;冰冻了一批又一批人&#xff0c;大环境下能苟活已经很不错了。没有冰冻到你时&#xff0c;你觉得自己是寒冬的旁观者&#xff0c;寒冬降…

教室管理系统的开发与实现(Java+MySQL)

引言 教室管理系统是学校和培训机构日常运营中不可或缺的工具。本文将介绍如何使用Java、Swing GUI、MySQL和JDBC开发一个简单而有效的教室管理系统&#xff0c;并涵盖系统的登录认证、教室管理、查询、启用、暂停和排课管理功能。 技术栈介绍 Java&#xff1a;作为主要编程…

实战项目:仿muduo库实现并发服务器

目录 项目初始与项目演示HTTP服务器基础认识Reactor模式基础认识单Reactor单线程模式认识单Reactor多线程模式认识多Reactor多线程模式认识 目标定位总体大模块划分server模块的管理思想Buffer子模块Socket子模块Channel子模块Connection子模块Acceptor子模块TimerQueue子模块P…

FinClip 率先入驻 AWS Marketplace,加速全球市场布局

近日&#xff0c;凡泰极客旗下的小程序数字管理平台 FinClip 已成功上线亚马逊云科技&#xff08;AWS&#xff09;Marketplace。未来&#xff0c;FinClip 将主要服务于海外市场的开放银行、超级钱包、财富管理、社交电商、智慧城市解决方案等领域。 在全球市场的多样性需求推动…