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

一、路由跳转

在使用页面路由之前，需要先导入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加事件名称，不同的组件有不同的事件类型。通用事件如下：

点击事件

触摸事件

挂载卸载事件

拖拽事件