场景
鸿蒙基于JS搭建HelloWorld并修改国际化文件:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050
在上面基于JS搭建起来Hello World之后,要新建另一个页面,并实现页面间的跳转和返回。
怎样新建页面可以参照如下
鸿蒙开发-基础组件介绍及chart组件使用:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
新建页面
新建一个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();
}
实现效果