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

场景

鸿蒙基于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();
   }

实现效果

经验分享 程序员 微信小程序 职场和发展