当前位置:   article > 正文

鸿蒙-简单实现一个跳转页面及返回(路由)_鸿蒙开发有返回值的页面跳转

鸿蒙开发有返回值的页面跳转

跳转

步骤一:引入路由器

import  router from '@ohos.router'

步骤二:创建一个点击按钮

Button('跳转页面')
  .fontSize(14)
  .position({x:30,y:30})
//点击跳转页面
  .onClick( () =>{
//路由跳转
    router.pushUrl({
//跳转页面的路径
      url:'pages/MyText'

    }
//跳转不成功会有error
,router.RouterMode.Single,(err) => {
      if (err) {
        console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
        return;
      }
    })
  }
  )

步骤三(注意):一定要在系统配置文件中声明要跳转的路径pages/MyText

否则会报错:The uri of router is not exis

02-28 21:15:57.977 21452-31234/? E 0FEFE/JsApp: Invoke pushUrl failed, code is 100002, message is Uri error. The uri of router is not exist.

返回到上个页面

步骤一:当前页面MyText也需要引入路由
import router from '@ohos.router';
步骤二:router.back();​​​​​​​

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/307097
推荐阅读
相关标签
  

闽ICP备14008679号