鸿蒙系统路由跳转
·
先创建一个登录按钮,再定义两个变量,注意:这两个变量要写在
build大框架外面

然后创建一个登录页面

在main_pages.json中更改,将你要跳转的文件和你的源文件名字添加上去
然后点击登录便可实现跳转
————————————————
完整流程说明
-
页面变量规范
@State a、@State b定义在build()函数外部,满足你的要求。 -
登录判断逻辑 点击登录按钮校验两个输入框内容,非空才执行
router.pushUrl跳转,同时携带参数a、b。 -
参数接收 目标页面
onPageShow生命周期中通过router.getParams()获取上游页面传递的数据,赋值给@State name渲染文本。 -
路由配置关键
main_pages.json必须注册所有需要跳转的页面,少注册会直接跳转报错,页面不存在。 -
补充返回功能 lll 页面增加返回按钮
router.back(),回到登录首页。
五、常见报错修正点
- 缺少
import router from '@ohos.router'会导致 router 未定义; - pages.json 未添加
pages/lll页面,跳转白屏 / 报错; string首字母大写规范String(低版本 ArkTS 不报错,规范建议大写);- 未判断输入空值时,会传递空字符串到目标页面;
- 页面结构体必须加
@Entry装饰器,否则无法作为路由页面。
更多推荐



所有评论(0)