HarmonyOS Next路由跳转
import router from '@ohos.router';
// 首页的布局
// 跳转到二级页面
Button("跳转到第二个页面").onClick((event: ClickEvent) => {
router.pushUrl({
url: MyRouter.indexDetail,
params: new MyRouterParamModel("传入到第二页面的数据ID")
})
})
// 第二个页面的布局
Button("返回上一个页面").onClick((event: ClickEvent) => {
router.back({
url: MyRouter.index,
params: new MyRouterParamModel("我是上个页面传的值")
})
})
- Model封装
使用router路由传参, param可以是一个值, 一个model, 这里可以封装一个Model
// 路由跳转传参基类
export class MyRouterParamModel {
data: string
constructor(data: string) {
this.data = data
}
}
// 路由管理类
export default class MyRouter {
// 首页
static readonly index: string = 'pages/Index'
// 页面详情
static readonly indexDetail: string = 'pages/IndexDetail'
}
- 导入头文件
注意事项, 声明一个类, 需要使用export 字段修饰导出,
在使用的时候, 需要增加{ }
如果在增加 default 关键字, 使用的时候, 不需要增加 {}
import { MyRouterParamModel } from '../models/MyRouteParamModel';
import { router } from '@kit.ArkUI';
import MyRouter from '../myUtile/MyRouter';
