ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

华为 HarmonyOS 页面跳转

2026/9/24 5:31:44 拓冰建站 浏览量
华为 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'})})

在这里插入图片描述

3.实现跳转效果

在这里插入图片描述