华为 HarmonyOS 页面跳转

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

华为 HarmonyOS 页面跳转_第1张图片
华为 HarmonyOS 页面跳转_第2张图片
华为 HarmonyOS 页面跳转_第3张图片
2.导入导入router模块,页面跳转接口,添加按钮点击事件

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

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

华为 HarmonyOS 页面跳转_第4张图片
3.实现效果
华为 HarmonyOS 页面跳转_第5张图片

你可能感兴趣的:(HarmonyOS,华为,harmonyos)