news 2026/6/30 16:07:32

ArkTS传参

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ArkTS传参

功能:通过输入框onChange实时收集账号密码,点击按钮onClick做非空校验;账号密码不为空则路由跳转首页并传递账号数据,为空弹出提示弹窗;首页接收路由参数展示欢迎文案,完整串联状态变量、输入变更事件、点击事件、页面路由传参、弹窗提示

一、前置页面注册

路径:entry/src/main/resources/base/profile/main_pages.json两个页面需要提前注册,否则路由跳转失效

二、登录页 LoginRouter.ets

说明:

  1. @State定义用户名、密码响应式变量
  2. 两个TextInput绑定onChange,输入实时同步更新状态变量
  3. 登录按钮onClick做非空判断:
  • 账号密码都不为空:router.pushUrl跳转首页,携带用户名、密码参数
  • 存在空值:弹出AlertDialog提示登录失败

三、首页 HomePage.ets

说明:

  1. onPageShow页面生命周期函数,页面每次显示时执行
  2. router.getParams()获取上个页面传递过来的参数
  3. Text 输出“欢迎你,xxx”

四、流程

  1. 在登录页,输入用户名、密码,onChange实时存值
  2. 点击【登录】按钮触发onClick
  3. 输入不为空,跳转HomePage,传递用户名
  4. 输入有空,弹出“用户名和密码不能为空”提示弹窗
  5. HomePage页面显示触发onPageShow,读取参数,展示欢迎文本

当用户名和密码不为空时:

当用户名和密码为空时:

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/30 16:05:44

3步搞定艾尔登法环存档管理:终极角色迁移方案

3步搞定艾尔登法环存档管理:终极角色迁移方案 【免费下载链接】EldenRingSaveCopier 项目地址: https://gitcode.com/gh_mirrors/el/EldenRingSaveCopier 在《艾尔登法环》的世界里,数百小时的游戏进度是每个褪色者最宝贵的财富。然而&#xff0…

作者头像 李华
网站建设 2026/6/30 15:59:40

AI狂奔到2026:这7天,全球AI圈释放了一个危险信号

AI狂奔到2026:这7天,全球AI圈释放了一个危险信号 过去一周,全球AI圈看似风平浪静,实则暗流涌动。 没有哪一个新闻能单独定义AI的未来,但把最近7天的全球热门事件连起来看,你会发现一个非常明显的趋势&#…

作者头像 李华
网站建设 2026/6/30 15:58:03

STM32F103标准库核心外设寄存器与函数速查指南

1. STM32F103标准库开发快速入门 刚接触STM32开发时,面对密密麻麻的寄存器手册和库函数文档,很多新手都会感到无从下手。我刚开始用STM32F103做项目时,经常为了配置一个简单的GPIO翻半天手册,调试一个定时器要查好几份资料。后来发…

作者头像 李华