> 文档中心 > 梅科尔工作室-崔艺飘-鸿蒙笔记4

梅科尔工作室-崔艺飘-鸿蒙笔记4

路由跳转模块

https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101667310940295021

实现Ability内页面的跳转和数据传递。

首先需要导入router模块

梅科尔工作室-崔艺飘-鸿蒙笔记4

跳转方式

方式一

router.push(),跳转到指定页面。

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

示例

梅科尔工作室-崔艺飘-鸿蒙笔记4

方式二

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

方式三

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

方式四

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

跳转返回

router.back()

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

信息传递

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

注意事项

使用跳转模块时,页面栈支持的最大页面数量为32。当超过32时,便不会再跳转了,所以推荐使用router.push()模块的单实例模式,即跳转方式中的方式二。

router.push()的单实例模式仅在API9下可以使用。

在使用router.back方法时,必须要再次之前使用一次router.push()方法。

当页面栈内的页面数超过数量时,可以使用router.getLength()方法获取当前页面内的页面数量,然后再,然后在使用router.clear()方法清除页面栈。

数据请求模块

申请网络上的接口,获取传输的数据。https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-http-0000001281201030#ZH-CN_TOPIC_0000001281201030__%E5%AF%BC%E5%85%A5%E6%A8%A1%E5%9D%97

首先需要导入http 模块

梅科尔工作室-崔艺飘-鸿蒙笔记4

配置权限

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

配置网络权限

梅科尔工作室-崔艺飘-鸿蒙笔记4

官方示例

梅科尔工作室-崔艺飘-鸿蒙笔记4

弹窗模块

首先需要导入prompt模块

梅科尔工作室-崔艺飘-鸿蒙笔记4

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

梅科尔工作室-崔艺飘-鸿蒙笔记4

绑定事件

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

点击事件

梅科尔工作室-崔艺飘-鸿蒙笔记4

触摸事件

梅科尔工作室-崔艺飘-鸿蒙笔记4

挂载卸载事件

梅科尔工作室-崔艺飘-鸿蒙笔记4

拖拽事件

梅科尔工作室-崔艺飘-鸿蒙笔记4