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

2022/10/29 5:24:50

本文主要是介绍鸿蒙开发-实现页面跳转与页面返回,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

情景
鸿蒙根据JS构建HelloWorld并改动全球化文档

在墙上根据JS构建下去HelloWorld以后,要新创建另一个网页页面,以实现网页页面之间自动跳转和回到。

鸿蒙开发设计-基础组件详细介绍及chart组件应用


注:
新创建网页页面
新创建一个todolist网页页面
之后在config.json里加入此页面的路由器。

打开应用主界面

加上一个按键并设定其js点击事件。

在js中导入router
importrouterfrom@system.router
随后js点击事件具体的实行方式
clickToToDoList(){
router.push({
uri:pages/todolist/index
});
},

根据router.push完成路由器自动跳转。
这儿的url便是上边新创建网页页面并的配置路由器。
随后在todolist网页页面再加入一个回到的dutton
回到
而且设定其js点击事件

这篇关于鸿蒙开发-实现页面跳转与页面返回的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程