鸿蒙next之导航组件跳转携带参数

 

官方文档推荐使用导航组件的形式进行页面管理,官方文档看了半天也没搞明白,查了各种文档才弄清楚。以下是具体实现方法:

在src/main/resources/base/profile下新建router_map.json文件

里边存放的是导航组件

{
  "routerMap" : [
        {
          "name" : "AboutPage",
          "pageSourceFile" : "src/main/ets/pages/AboutPage.ets",
          "buildFunction" : "AboutPageBuilder",
          "data": {
            "description": ""
          }
        },
    ]
}

每个导航组件页面添加builder,这里的builder要跟router_map.json中的buildFunction对应。

@Builder
export function AboutPageBuilder(name: string, param: Object) {
  AboutPage()
}
以下是页面跳转加传参实现方式

例如:A页面-->B页面,携带参数

前提是页面必须要使用Navigation或者NavDestination组件。

A页面

1、引入 @Consume('pathInfos') pathInfos: NavPathStack;
2、在要跳转的地方加上如下,具体传参按自己需求进行更改;
const params:paramType = {deptId:this.deptId,deptCode: this.deptCode} as paramType this.pathInfos.pushPathByName(this.nextUrl,params)
B页面
// 获取导航跳转参数(是个数组)
const arr = this.pathInfos.getParamByName('B页面的name名称') as paramType[];
// 如果有多个A页面跳转到B页面,就获取B页面最后一个导航组件参数
this.routerData = arr[arr.length - 1] as paramType;

 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

鸿蒙API12 端云一体化开发——云函数篇

大家好,我是学徒小z,我们接着上次的端云一体化继续讲解,今天来说说云函数怎么创建和调用 文章目录 云函数1. 入口方法2. 编写云函数3. 进行云端测试4. 在本地端侧调用云函数5. 云函数传参6. 环境变量 云函数 1. 入口方法 在CloudProgram中…

软硬件开发面试问题大汇总篇——针对非常规八股问题的提问与应答(代码规范与生态管理)

软硬件开发,对于编码规范、生态管理等等综合问题的考察尤为重要。 阐述下环形缓冲区的用途 环形缓冲区(Ring Buffer)是一种固定大小的数据结构,常用于实现数据的流式传输或临时存储。在环形缓冲区中,当到达缓冲区的末尾…

Java Lock CyclicBarrier 总结

前言 相关系列 《Java & Lock & 目录》(持续更新)《Java & Lock & CyclicBarrier & 源码》(学习过程/多有漏误/仅作参考/不再更新)《Java & Lock & CyclicBarrier & 总结》(学习总结…

什么是排列树?

一、排列树的定义 排列树就是一个能表示全排列的树形结构。全排列咱们都学过,就是所有可能的排列。 当问题的解是n个元素的某个排列时,其解空间(全部可能解构成的集合)就是n个元素的全排列,称为排列树。 以3个元素{…

1 环境配置、创建功能包、编译、Cmake文件及package文件学习笔记

1 基本结构 放张 赵虚左老师的pdf截图 2 环境配置 //每次都需配置 . install/setup.bash//或者一次配置echo "source /path/to/your/workspace_name/install/setup.bash" >> ~/.bashrcsource ~/.bashrc3 创建功能包 ros2 pkg create 包名--build-type 构建类…

ClickHouse 5节点集群安装

ClickHouse 5节点集群安装 在此架构中,配置了五台服务器。其中两个用于托管数据副本。其他三台服务器用于协调数据的复制。在此示例中,我们将创建一个数据库和表,将使用 ReplicatedMergeTree 表引擎在两个数据节点之间复制该数据库和表。 官…

简单易用的Android主线程耗时检测类 MainThreadMonitor

适用场景 debug 本地测试 文章目录 代码类 MainThreadMonitor.java使用方式 Application的attachBaseContextlog输出示例 代码类 MainThreadMonitor.java public class MainThreadMonitor {private static final String TAG "MainThreadMonitor";private static Sc…

uniapp的IOS证书申请(测试和正式环境)及UDID配置流程

1.说明 本教程只提供uniapp在ios端的证书文件申请(包含正式环境和开发环境)、UDID配置说明,请勿用文档中的账号和其他隐私数据进行测试,请勿侵权! 2.申请前准备 证书生成网站:苹果应用上传、解析&#x…

iOS Block 详解(Object-C)

Block 是苹果公司较晚推出的一个语法,与很多语法的闭包差不多意思 一:Block声明 PS:很多人学不好Block,大概率是被它的声明写法给吓到了,写法确实有点奇怪 返回值类型(^block变量名)(参数列表) 例如: int(^personBlock)(NSString *,int) 返回值类型(^block变量名)(参数列表…

iOS 18.2开发者预览版 Beta 1版本发布,欧盟允许卸载应用商店

苹果今天为开发人员推送了iOS 18.2开发者预览版 Beta 1版本 更新(内部版本号:22C5109p),本次更新距离上次发布 Beta / RC 间隔 2 天。该版本仅适用于支持Apple Intelligence的设备,包括iPhone 15 Pro系列和iPhone 16系…

uniapp 中间tabbar的实现

UI 需求 : 有五个tabbr栏 ,中间的按钮更大 ,如图 : 说明 : 在tabbar中的list 配置 其他四个tabbar :首页 精华 社区 我的 1. 在page.json中配置 在tabbar中 ,与list 平级 ,设置按钮…

sa-token 所有的异常都是未登录异常的问题

在使用satoken的时候,有这么一个问题,就是不管我是什么错误,都会弹出未登录异常,起初的时候我以为satoken的拦截器会拦截所有的异常,但是今后测试才发现忽略了一点,也是最重要最容易忽视的一点。 如果我现在…

大模型产品经理岗位职责,大模型产品经理入门到精通, 收藏这篇就够了

1. 产品及公司介绍 产品:开源企业级LLMops(大模型应用开发平台):毕昇BISHENG。7800 Github Star,被多名开发者评价为“目前见过功能最强大,最适合企业内落地的开源大模型应用开发平台”,已服务…

项目解决方案:在弱网(低带宽、高延迟、有丢包的网络)环境下建设视频监控平台的设计方案(上)

目录 一、需求分析 1、业务需求分析 (1)提升用户体验 (2)降低带宽消耗 (3)增强适应性 2、功能需求分析 (1)视频汇聚联网 (2)分辨率转换 (3&#…

AI Weekly3:过去一周重要的AI资讯汇总

本周,人工智能领域的发展势头依旧迅猛,不断突破界限。无论是自动驾驶技术的精进,AI模型的革新,还是AI在金融科技领域的广泛应用,每一项新成就都在昭示着人工智能正逐步融入我们日常生活的每一个角落。 🚀本…

轻松部署自己的AI聊天助手LocalGPT并实现无公网IP远程交互

文章目录 前言环境准备1. localGPT部署2. 启动和使用3. 安装cpolar 内网穿透4. 创建公网地址5. 公网地址访问6. 固定公网地址 前言 本文主要介绍如何本地部署LocalGPT并实现远程访问,由于localGPT只能通过本地局域网IP地址端口号的形式访问,实现远程访问…

新手入门c++(8)

到时候了,是时候给你们讲一下其他的定义形式与格式化输入输出了。 1.长整型变量 长整型变量分为两种: ①long类型 在计算机编程中,long 类型是一个整型数据类型,用于存储较大的整数。它的大小和范围取决于操作系统和编译器的实…

【不同开源基座大模型对比及领域落地的选型考虑】

Key Takeaways: 1、从数据、Tokenizer、模型架构对比不同qwen、deepseek、llama、yi等模型 对于开源大模型的数据和预处理来说,一般我们会关注如下的一些维度; 预训练数据:训练数据的数量、质量与多样性,是模型泛化能…

太阳能面板分割系统:训练自动化

太阳能面板分割系统源码&数据集分享 [yolov8-seg-EfficientHead&yolov8-seg-vanillanet等50全套改进创新点发刊_一键训练教程_Web前端展示] 1.研究背景与意义 项目参考ILSVRC ImageNet Large Scale Visual Recognition Challenge 项目来源AAAI Globa…

Qt6.7.2中使用OpenSSL的坑

最近编写Qt Quick项目,使用Qt6.7.2版本,CMAKE编译,开始QtCreator运行代码都没有问题,访问https也正常,但打出安装包后一试,发现https访问不了,尴尬!! 查看了相关日志发现…