鸿蒙 ArkUI-路由跳转

路由跳转比较简单,这里简单贴下代码

一、导入路由模块

//导入系统路由模块
import router from '@ohos.router'

二、路由跳转

    //跳转到指定页面并传递参数
    router.pushUrl(
      {
        url: 'pages/imagePage',               //跳转页面路径
        params: { id: 1 }                     //传递的参数
      },
      router.RouterMode.Standard,             //页面模式(Standard:普通模式,Single:单例模式)---- 熟悉Android开发的对这个不陌生吧
      (error) => {                            //跳转异常回调,地址错误,或者渲染失败等
        console.log("路由跳转异常:" + error)
      })


    //替换栈顶当前页面并传递参数
    router.replaceUrl(
      {
        url: 'pages/imagePage',               //跳转页面路径
        params: { id: 1 }                     //传递的参数
      },
      router.RouterMode.Standard,             //页面模式(Standard:普通模式,Single:单例模式)---- 熟悉Android开发的对这个不陌生吧
      (error) => {                            //跳转异常回调,地址错误,或者渲染失败等
        console.log("路由跳转异常:" + error)
      })

三、获取路由跳转参数

params: any  = router.getParams()

四、返回上一页

//无参返回
router.back()

//有参返回
router.back( {
        url: 'pages/imagePage',         //返回到指定页面
        params: { id: 1 }               //传递的参数
      },)

五、清空页面栈

//清空页面栈(页面栈最大容量为32个)
router.clear()
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容