Skip to content

路由导航

路由导航是应用中页面跳转的核心机制。

页面路由

配置路由

main_pages.json 中配置页面路由:

json
{
  "src": [
    "pages/Index",
    "pages/Detail",
    "pages/Profile"
  ]
}

页面跳转

typescript
import router from '@ohos.router'

@Entry
@Component
struct Index {
  build() {
    Column() {
      Button('Go to Detail')
        .onClick(() => {
          router.pushUrl({
            url: 'pages/Detail',
            params: {
              id: 123,
              title: 'Detail Page'
            }
          })
        })
    }
  }
}

(内容继续...)

全栈若城