华为 HarmonyOS 页面跳转

HarmonyOS 页面跳转

1.新建页面

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



2.添加跳转方法

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

javascript 复制代码
//导入router模块 页面跳转接口
import router from '@ohos.router';

//添加按钮事件
        Button('跳转HarmonyOS')
          .fontSize(20)
          .width(200)
          .height(50)
          .onClick(() => {
            router.pushUrl({url:'pages/HelloHarmonyOS'})
          })

3.实现跳转效果

相关推荐
枫叶丹421 分钟前
【HarmonyOS Next之旅】DevEco Studio使用指南(四十二) -> 动态修改编译配置
华为·harmonyos·deveco studio·harmonyos next
众乐 认证1 小时前
HUAWEI HiCar6.0的新变化
华为·hicar
前端世界12 小时前
鸿蒙UI开发全解:JS与Java双引擎实战指南
javascript·ui·harmonyos
阿巴~阿巴~14 小时前
操作系统核心技术剖析:从Android驱动模型到鸿蒙微内核的国产化实践
android·华为·harmonyos
iMerryou15 小时前
鸿蒙的动态渐变背景实现
harmonyos
Keya18 小时前
在HarmonyOS(鸿蒙)中H5页面中的视频不会自动播放
app·harmonyos·arkts
二二孚日19 小时前
自用华为ICT云赛道AI第一章知识点-机器学习的常见算法
人工智能·华为
HMS Core1 天前
用AI重塑游戏体验:《诛仙2》携手HarmonyOS SDK实现性能与功耗双赢
人工智能·游戏·harmonyos
儿歌八万首1 天前
HarmonyOS中各种动画的使用介绍
华为·harmonyos·arkts·arkui
dilvx1 天前
配置鸿蒙 fastboot
华为·harmonyos