鸿蒙开发-实现页面跳转与页面返回
场景
鸿蒙基于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(); }
实现效果