梅科尔工作室-于天姿-鸿蒙笔记4

news/2024/12/23 6:19:20/

一、路由跳转

1、导入

首先导入router模块

c2ca894b77cb474d8c31a138fa0ef473.jpg

2、跳转方式

  • 方式一

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

7864d1a623e144619a035e12a0a3ca1e.jpg

  •  方式二

router.push(),分单实例模式和标准模式。

b51418b7713c4bc080b179b946a61fc1.jpg

  •  方式三

router.replace(),即使用新的页面替换当前页面,并销毁被替换的当前页面,页面栈数量不变。

b4f2f4c54f3646989fcbc0ae8cf49400.jpg

  •  方式四

router.replace(),分单实例模式和标准模式。

09f617e5451f48c695ebe3950fbe9255.jpg

3、跳转返回

router.back()与router.push()搭配使用,当使用router.push之后才可以用router.back()进行返回。这种方法不会新建页面,返回的是原来的页面 。

b4aa233b0a924c70aeaa7e111263491a.jpg

 4、信息传递

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

ebb9f29c92ea47d4adc31907730f2f14.jpg
原页面通过router.getParams()方法获取Second页面传递过来的自定义参数。 

f2108a06f1374fe28468f693cbce32ed.jpg

 二、数据请求

1、申请网络上的接口,获取传输的数据。

2、需要导入http 模块

c7f3d973791543f5b8f67daa31565d70.jpg

 

3、在config.json的module模块里配置,示例如下。

63487fbaa292458598edbc4f7c881da3.jpg

 三、弹窗模块

1、首先需要导入prompt模块主要使用的是prompt.showToast()方法,作用是可以在屏幕上弹出提示信息。message是弹出的消息,而duration是弹出的时间,单位是毫秒。1000是1秒,则2000是2秒。

dfd863a136f24fc58156379083b35362.jpg 

b3ef351f647f4baa8cc366f60150071e.jpg 

 四、绑定事件

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

 

  • 点击事件 

7da66890d9414f789031907c28a06623.jpg

 

  • 触摸事件 

e09c3df2ab154637bf6e0a4a1eb67fef.jpg

 

  • 挂载卸载事件 

4748c2a0633d485589dccf74990bb3ab.jpg

 

  • 拖拽事件 

30446ed4deba4dc684cb6803db062110.jpg

 

 

 

 

 

 

 


http://www.ppmy.cn/news/591719.html

相关文章

MongoDB集群搭建(四)

基础环境准备 安装Docker 创建Docker网络 因为需要使用Docker搭建MongoDB集群,所以先创建Docker网络 docker network create mongo-cluster docker network ls 创建挂载目录 创建对应的挂载目录来存储配置文件以及日志文件 # 创建配置文件目录 mkdir -p /opt/mongo…

梅科尔工作室-崔子旭-鸿蒙笔记4

Ability概述 Ability是一种包含用户界面的应用组件,主要用于和用户进行交互。Ability也是系统调度的单元,为应用提供窗口在其中绘制界面。 每一个Ability实例,都对应于一个最近任务列表中的任务。 一个应用可以有一个Ability,也可…

梅科尔工作室-赵凌志-鸿蒙笔记4

Ability内页面的跳转和数据传递 Ability的数据传递包括有Ability内页面的跳转和数据传递、Ability间的数据跳转和数据传递,本章节主要讲解Ability内页面的跳转和数据传递。 在一个应用包含一个Ability的场景下,可以通过新建多个页面来实现和丰富应用的…

梅科尔工作室-赵亮-鸿蒙笔记4

官方API使用 首先需要找到想要使用的API文档。在基础文档里位置如下。找到之后,查看文档中关于此接口的说明,查看使用方法和使用案例后即可使用。 路由跳转模块 华为开发者学堂 实现Ability内页面的跳转和数据传递。 首先需要导入router模块 跳转方式…

梅克尔工作室-赵一帆-鸿蒙笔记4

1.页面的跳转和数据传递 Ability是一种包含用户界面的应用组件,主要用于和用户进行交互。Ability也是系统调度的单元,为应用提供窗口在其中绘制界面。 每一个Ability实例,都对应于一个最近任务列表中的任务。 一个应用可以有一个Ability&…

去年亏11亿的寒武纪拟科创板募资28亿:三年总营收5.68亿,99%客户来自国内,曾从华为海思挖来CTO...

郭一璞 发自 麦拜德量子位 报道 | 公众号 QbitAI 今天,寒武纪递交了在科创板IPO的招股书。 寒武纪拟募资28亿,主要准备把钱花在三个项目上:云端训练芯片、云端推理芯片和边缘端AI芯片。 去年亏损超11亿 2017~2019三年间,寒武纪营收…

梅科尔工作室-崔启凡-鸿蒙笔记4

鸿蒙笔记4 路由跳转作用用法跳转方式方式一方式二方式三方式四 跳转页面数据的接受 数据请求弹窗绑定事件点击事件触摸事件挂载卸载事件拖拽事件 路由跳转 作用 实现Ability内页面的跳转和数据传递。 用法 首先在page目录原有的基础上建立跳转之后的页面 如图又建立了一个s…

梅科尔工作室E1-张冉-鸿蒙笔记4

ohos.router (页面路由) 导入模块 import router fromohos.router router.push push(options: RouterOptions): void 跳转到应用内的指定页面。 系统能力: SystemCapability.ArkUI.ArkUI.Full 参数: 参数名类型必填说明optionsRouterOptions是跳转页面描…