ArkUI学习-页面跳转

1、第一个页面

import router from '@ohos.router'

@Entry
@Component
struct Index {
  build() {
    Column(){
      Button("跳转第二个页面",{type:ButtonType.Capsule})
        .onClick(()=>{
             //1、路由跳转
             router.pushUrl({
               url:"pages/Second",
               params:{
                 src:"首页向你问好"
               }
             })
        })
    }

  }
}

2、第二个页面

import router from '@ohos.router'

@Entry
@Component
struct Index {
  build() {
    Column(){
      Button("跳转第二个页面",{type:ButtonType.Capsule})
        .onClick(()=>{
             //1、路由跳转
             router.pushUrl({
               url:"pages/Second",
               params:{
                 src:"首页向你问好"
               }
             })
        })
    }
  }
}

3、配置页面的跳转

配置第二个页面的路由。在“Project”窗口，打开“entry > src > main > resources > base > profile”，在main_pages.json文件中的“src”下配置第二个页面的路由“pages/Second”。示例如下：

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