环境

HarmonyOS SDK5.0.0

组件

本文使用ArkTS中Button组件，详细代码示例请查看下方华为官方文档，本文仅展示个人练习代码，不做示例代码搬运。

按钮（Button）-添加常用组件-添加组件-基于ArkTS的声明式开发范式-UI开发-开发 | 华为开发者联盟 (huawei.com)https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/arkts-common-components-button-0000001450914110-V2

准备

代码实现需要两个及以上数量的页面，创建页面Page需要在resources目录下中profile文件夹中的main_pages.json中进行配置，示例代码如下：

{
  "src": [
    "pages/Index",
    "pages/newIndex"
  ]
}

因为本人只用的demo中只用了两个所以只展示初始页面和目标页面的配置。

代码

页面1（部分代码） 

      Button('点击跳转页面')
        .id('navButton')
        .margin({top:50,left:100})
        .onClick(() =>{
          router.pushUrl({
            url: 'pages/newIndex'
          })
        })

页面2

import { router } from '@kit.ArkUI'

@Entry
@Component
struct newIndex {
  build() {
    RelativeContainer(){

      Text('新页面')
      Button('返回上一页面')
        .id('backPagesButton')
        .margin({top:80,left:20})
        .onClick(() => {
          router.back()
        })
    }
  }
}

效果展示