本文基于鸿蒙开发（一百二十五）：router 页面跳转

上一节，我们完成了页面跳转的功能。

那我们怎么从新页面返回呢？

通过 router 的 back 方法可以返回页面。

declare namespace router {    /**     * 返回页面     */    function back(options?: RouterOptions): void;}

接下来，我们来写一个返回页面的示例。

首先，在 Second 页面中，导入 router 模块。

import router from '@ohos.router';@Entry@Componentstruct Second {  build() {    Column() {      Text("第二页")        .fontSize(32)    }  }}

然后，添加一个返回按钮，并添加点击事件，在点击事件里调用 router.back() 方法。

import router from '@ohos.router';@Entry@Componentstruct Second {  build() {    Column() {      Text("第二页")        .fontSize(32)      Button("返回")        .onClick(() => {          // 返回页面          router.back()        })    }  }}

这样，返回页面的功能就做好了。

运行结果：

从运行结果来看，我们顺利的从第一页跳转到了第二页，然后又顺利的返回回来。