鸿蒙开发-实现页面跳转与页面返回

场景

鸿蒙基于JS搭建HelloWorld并修改国际化文件

在上面基于JS搭建起来Hello World之后，要新建另一个页面，并实现页面间的跳转和返回。

怎样新建页面可以参照如下

鸿蒙开发-基础组件介绍及chart组件使用

注：

新建页面

新建一个todolist页面

然后在config.json中加入此页面的路由。

打开应用主页面

<input class="btn" type="button" value="跳转到todolist" onclick="clickToToDoList"></input>

添加一个按钮并设置其点击事件。

在js中导入router 

import router from '@system.router'

然后点击事件的具体执行方法

clickToToDoList(){
        router.push({
            uri: 'pages/todolist/index'
        });
    },

通过router.push实现路由跳转。

这里的url就是上面新建页面并配置的路由。

然后在todolist页面再添加一个返回的button

<button @click="goback">返回</button>

并且设置其点击事件

goback(){
        router.back();
   }

实现效果