HarmonyOS Next路由跳转

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';