当前位置: 首页 > news >正文

鸿蒙 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.lryc.cn/news/403100.html

相关文章:

  • 【electron6】浏览器实时播放PCM数据
  • 嵌入式C/C++、FreeRTOS、STM32F407VGT6和TCP:智能家居安防系统的全流程介绍(代码示例)
  • 【Django】django自带后台管理系统样式错乱,uwsgi启动css格式消失的问题
  • 解决npm install(‘proxy‘ config is set properly. See: ‘npm help config‘)失败问题
  • 汽车及零部件研发项目管理系统:一汽东机工选择奥博思 PowerProject 提升研发项目管理效率
  • Keil开发IDE
  • 数据结构与算法05堆|建堆|Top-k问题
  • 【精简版】jQuery 中的 Ajax 详解
  • win10删除鼠标右键选项
  • 分层评估的艺术:sklearn中的策略与实践
  • 排序系列 之 快速排序
  • 【银河麒麟服务器操作系统】java进程oom现象分析及处理建议
  • Redis的AOF持久化策略(AOF的工作流程、AOF的重写流程,操作演示、注意事项等)
  • 共享模型之无锁
  • 下载安装VSCode并添加插件作为仓颉编程入门编辑器
  • 解决:Linux上SVN 1.12版本以上无法直接存储明文密码
  • Mongodb多键索引中索引边界的混合
  • 如何利用windows本机调用Linux服务器,以及如何调用jupyter界面远程操控
  • 如何定位Milvus性能瓶颈并优化
  • 阿里云服务器 篇三:提交搜索引擎收录
  • powe bi界面认识及矩阵表基本操作 - 1
  • SpringBoot 项目 pom.xml 中 设置 Docker Maven 插件
  • k8s二次开发-kubebuiler一键式生成deployment,svc,ingress
  • Flutter 状态管理新境界:多Provider并行驱动UI
  • 标识符和关键字的区别是什么,常用的关键字有哪些?自增自减运算符,移位运算符continue、break、return的区别是什么?
  • 在VS Code上搭建Vue项目教程(Vue-cli 脚手架)
  • AGI 之 【Hugging Face】 的【零样本和少样本学习】之三 [无标注数据] 的简单整理
  • Docker 和 k8s 之间是什么关系?
  • 敲详细的springframework-amqp-rabbit源码解析
  • Telegram Bot、小程序开发(三)Mini Apps小程序