ArkTS的页面路由和弹窗

一、Router 页面路由

1. 功能

实现应用内不同页面之间的跳转、页面栈管理、页面互相传参；可以实现返回上一页、替换当前页面、退出页面等功能。

2. 核心常用

• router.pushUrl()：跳转新页面，保留上一页页面栈，点击返回可以回到上一页，最常用

• router.back()：关闭当前页面，直接返回上一级页面

• router.replaceUrl()：跳转页面并替换当前页面，销毁当前页面，无法返回上一页

• router.getParams()：接收上一个页面传递过来的数据

3. 使用前置要求

所有跳转页面，必须提前在 main_pages.json 文件中写页面路径，否则路由不能用。

4. 代码示例

这种方式现在已经不推荐使用了

现在常用以下几种：

1.跳转新页面 this.getUIContext().getRouter().pushUrl(options)

2. 返回上一页 this.getUIContext().getRouter().back()

3. 替换当前页面 this.getUIContext().getRouter().replaceUrl(options)

4. 获取跳转传参 this.getUIContext().getRouter().getParams()

二、弹窗

1. 功能

弹窗悬浮在页面最顶层，不跳转页面即可完成交互；常用于二次确认删除、消息提示等。

2. 弹窗代码示例

登录成功提示：

登录失败提示：