华为HarmonyOS 页面跳转_harmonyos实现页面跳转

作者：我家自动化 | 2024-03-29 01:19:01

踩

harmonyos实现页面跳转

HarmonyOS 页面跳转

1.新建页面
2.添加跳转方法
3.实现跳转效果

1.新建页面

我们新建2个页面(page)，一个Hello World页面，一个Hello HarmonyOS页面，注意修改红色框内容，保持一致

在这里插入图片描述

2.添加跳转方法

导入导入router模块，页面跳转接口，添加按钮点击事件

//导入router模块 页面跳转接口
import router from '@ohos.router';

//添加按钮事件
        Button('跳转HarmonyOS')
          .fontSize(20)
          .width(200)
          .height(50)
          .onClick(() => {
            router.pushUrl({url:'pages/HelloHarmonyOS'})
          })
1
2
3
4
5
6
7
8
9
10
11

在这里插入图片描述

3.实现跳转效果

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/332773?site