梅科尔工作室-孙溢博-鸿蒙笔记4

最新推荐文章于 2024-07-09 08:23:32 发布

原创最新推荐文章于 2024-07-09 08:23:32 发布 · 949 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为

文章介绍了在HarmonyOS中如何进行页面路由，包括使用router.push()和router.replace()进行页面跳转，以及如何处理传入参数。此外，还涉及数据请求的http模块配置和弹窗操作，如使用prompt模块显示信息。最后提到了事件绑定，例如onclick实现按钮点击后的页面跳转。

一、路由跳转

在使用页面路由之前，需要先导入router模块，如下代码所示。

import router from '@ohos.router';

我们还需要在index页面外创建一个second页面

在用到跳转的页面中导入router模块

一定注意在 confij.json 文件的pages添加添加跳转页面的路径。

（一）、跳转方式

（1）、方式一：通过调用router.push()方法

每调用一次router.push()方法，均会新建一个页面。默认情况下，页面栈数量会加1，页面栈支持的最大页面数量为32。

当页面栈数量较大或者超过32时，可以通过调用router.clear()方法清除页面栈中的所有历史页面，仅保留当前页面作为栈顶页面。

router.push({
  url: 'pages/Second',
  params: {
    src: 'Index页面传来的数据',
  }
})

（2）、方式二：通过调用router.replace()方法

router.replace({
  url: 'pages/Second',
  params: {
    src: 'Index页面传来的数据',
  }
})

（二）、自定义参数的接收

通过调用router.getParams()方法获取Index页面传递过来的自定义参数。

import router from '@ohos.router';

@Entry
@Component
struct Second {
  @State src: string = router.getParams()?.['src'];
  // 页面刷新展示
  ...

二、数据请求

官方讲解：华为开发者学堂-<HarmonyOS第一课>从网络获取数据 (huawei.com)

首先需要导入http 模块

在config.json的module模块里配置

三、弹窗

首先需要导入prompt模块

使用方法如下

message里是弹窗显示的信息。

四、绑定事件

我们设置一个按钮后，往往需要绑定上一个事件才能产生理想中的效果，比如：点击按钮后跳转页面。

我们通过一个onclick实现了两个界面之间的跳转。

用on加事件名称，不同的组件有不同的事件类型。通用事件如下：

点击事件

触摸事件

挂载卸载事件

拖拽事件