【鸿蒙应用ArkTS开发系列】- 页面跳转及传参

最新推荐文章于 2025-04-19 00:50:30 发布

小枫_S

最新推荐文章于 2025-04-19 00:50:30 发布

阅读量1.5w

点赞数 11

分类专栏： Harmony 文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/q919233914/article/details/129396749

版权

文章讲述了在OHOS平台上，如何从Index页面跳转到Second页面并传递字符串和数量参数，Second页面如何获取这些数据，实现返回时的弹窗确认以及回传数据给Index页面的方法。主要涉及router模块的使用，包括pushUrl、getParams、enableBackPageAlert和back方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看下效果图

大致实现的功能点：

从Indext页面跳转到Second页面，传递两个参数，一个字符串，一个数量；
Second获取Index页面传递的数据；
Second页面点击返回弹窗；
Second页面返回携带参数数据；
Index获取Second页面回传数据。

下面我们一个一个讲解：

1、从Indext页面跳转到Second页面，并传递参数

import router from '@ohos.router';

@Entry
@Component
struct Index {
  @State message: string = 'Index Page'
  @State fromSecondMessage: string  = ''

  build() {
    Column() {
      Column() {
        Text(`${this.message}`)
          .width("300vp")
          .height("60vp")
          .textAlign(TextAlign.Center)
          .fontSize("50fp")
          .fontWeight(FontWeight.Normal)
        Button("