鸿蒙HarmonyOS之跳转页面并传递参数的方法

一、使用router路由跳转页面并携带参数

1、导入库

import router from '@kit.ArkUI';

2、跳转页面并携带参数

export class ActivityResponse {
......
}

(1)携带多个参数

router.pushUrl({
      url: 'pages/NextPage',
      params: {
            name: '名字', //string类型
            avator: '头像', //string类型
            size: 大小, //number类型
            responsedata: '某个对象数据' //ActivityResponse类型
      }
})

NextPage页解析:

private responseData: ActivityResponse = new ActivityResponse();
private name: string = ''
private avator: string = ''
private size: number = 0
  
......
  
let params = router.getParams() as Record<string, number | string | ActivityResponse>;
this.responseData= params.result as ActivityResponse;
this.name= params.uri as string;
this.avator= params.infoW as string;
this.size= params.infoH as number;

(2)携带一个参数,参数是类对象

在参数过多的情况下,可以将传递的参数封装为类,以对象方式传递更方便接收解析

private curr_data: ActivityResponse = new ActivityResponse();
......
router.pushUrl({
	url: 'pages/NextPage',
    params: this.curr_data
},router.RouterMode.Standard,(err)=>{
    if (err) {
      console.error(`跳转页面失败, code is ${err.code}, message is ${err.message}`);
      return;
    }
  })

NextPage页解析:

this.params = router.getParams() as ActivityResponse;

二、使用navigation

未完,待续

相关推荐
鸿蒙自习室2 天前
鸿蒙开发——关系型数据库的基本使用与跨设备同步
前端·数据库·华为·harmonyos·鸿蒙
play_big_knife3 天前
鸿蒙项目云捐助第二十讲云捐助项目物联网IOT的使用
物联网·华为·华为云·harmonyos·鸿蒙·鸿蒙开发·iot开发
键盘舞者1133 天前
玩安卓-鸿蒙版 二 首页横幅、搜索、跳转链接功能
前端·鸿蒙·鸿蒙系统
play_big_knife3 天前
鸿蒙项目云捐助第十五讲云数据库的初步使用
数据库·华为云·harmonyos·鸿蒙·云开发·云数据库·鸿蒙开发
play_big_knife3 天前
鸿蒙项目云捐助第十六讲云捐助使用云数据库实现登录注册
数据库·华为云·harmonyos·鸿蒙·云开发·云数据库·鸿蒙开发
海绵宝宝_4 天前
【HarmonyOS NEXT】ArkTs数据类型解析与使用
android·前端·华为·harmonyos·鸿蒙
SuperHeroWu74 天前
【HarmonyOS】获取设备自定义名字
华为·harmonyos·鸿蒙·设备名字·设备名称·本地设备名
howard20054 天前
鸿蒙学习笔记:用户登录界面
鸿蒙·用户登录·arkui
SuperHeroWu75 天前
【HarmonyOS】HarmonyOS 和 Flutter混合开发 (一)之鸿蒙Flutter环境安装
flutter·华为·jdk·harmonyos·鸿蒙·环境安装·混合开发
play_big_knife6 天前
鸿蒙项目云捐助第四讲鸿蒙App应用的登陆注册页实现
华为·华为云·harmonyos·鸿蒙·云开发·鸿蒙开发·鸿蒙next