路由导航
路由导航是应用中页面跳转的核心机制。
页面路由
配置路由
在 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'
}
})
})
}
}
}(内容继续...)