当前位置:   article > 正文

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

router.getparams

一、路由跳转

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

import router from '@ohos.router';

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

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

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

 (一)、跳转方式

(1)、方式一:通过调用router.push()方法

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

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

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

(2)、方式二:通过调用router.replace()方法

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

(二)、自定义参数的接收

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

  1. import router from '@ohos.router';
  2. @Entry
  3. @Component
  4. struct Second {
  5. @State src: string = router.getParams()?.['src'];
  6. // 页面刷新展示
  7. ...

二、数据请求

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

首先需要导入http 模块

在config.json的module模块里配置

 三、弹窗

 首先需要导入prompt模块

 

使用方法如下

 

message里是弹窗显示的信息 。

四、绑定事件

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

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

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

点击事件


触摸事件


挂载卸载事件


拖拽事件

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/286672
推荐阅读
相关标签
  

闽ICP备14008679号