先创建一个登录按钮,再定义两个变量,注意:这两个变量要写在

build大框架外面

         
       


然后创建一个登录页面


在main_pages.json中更改,将你要跳转的文件和你的源文件名字添加上去

然后点击登录便可实现跳转
————————————————

完整流程说明

  1. 页面变量规范 @State a@State b 定义在 build() 函数外部,满足你的要求。

  2. 登录判断逻辑 点击登录按钮校验两个输入框内容,非空才执行 router.pushUrl 跳转,同时携带参数 a、b

  3. 参数接收 目标页面 onPageShow 生命周期中通过 router.getParams() 获取上游页面传递的数据,赋值给 @State name 渲染文本。

  4. 路由配置关键 main_pages.json 必须注册所有需要跳转的页面,少注册会直接跳转报错,页面不存在。

  5. 补充返回功能 lll 页面增加返回按钮 router.back(),回到登录首页。

五、常见报错修正点

  1. 缺少 import router from '@ohos.router' 会导致 router 未定义;
  2. pages.json 未添加 pages/lll 页面,跳转白屏 / 报错;
  3. string 首字母大写规范 String(低版本 ArkTS 不报错,规范建议大写);
  4. 未判断输入空值时,会传递空字符串到目标页面;
  5. 页面结构体必须加 @Entry 装饰器,否则无法作为路由页面。
Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐