目录

华为HarmonyOS-页面跳转

华为HarmonyOS 页面跳转

HarmonyOS 页面跳转

1.新建页面

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

https://i-blog.csdnimg.cn/blog_migrate/559982a7d848da7b09110e8ad5147799.png

https://i-blog.csdnimg.cn/blog_migrate/3ac11d3cb9535f27e0e70fae96b9b78b.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/ef3306cac133a5131be2f81f69ed6cfd.png#pic_center

2.添加跳转方法

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

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

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

https://i-blog.csdnimg.cn/blog_migrate/12d24cf9ce9b97ca277aaa7869fc8c7d.png

3.实现跳转效果

https://i-blog.csdnimg.cn/blog_migrate/13dc400aa5a796085db9e59efc69b9cd.gif#pic_center