尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

ArkTS传参

ArkTS传参
📅 发布时间:2026/6/30 16:21:56

功能:通过输入框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,读取参数,展示欢迎文本

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

当用户名和密码为空时:

相关新闻

  • 2026年6月28日科技热点新闻
  • 无人机强化学习仿真终极指南:5分钟搭建专业训练环境
  • 大模型思维链(CoT)理论梳理

最新新闻

  • 基于知识图谱的设备物资配置优化实战指南
  • ANNC社区贡献指南:从问题反馈到代码提交的完整流程
  • 如何快速上手gala-gopher?5分钟搭建你的第一个eBPF性能监控环境
  • PilotGo-plugin-llmops架构详解:Agent、Server与Web三大模块协同工作原理
  • UnifiedBus性能优化:如何调优异构硬件通信效率
  • sysHAX性能优化秘籍:提升LLM推理吞吐量的7个关键技巧

日新闻

  • 【计算机毕业设计案例】基于 Spring Boot+Vue 的电影售票系统设计与实现 前后端分离架构下影院在线购票管理平台(程序+文档+讲解+定制)
  • 到底 TMD 用哪个: npm, pnpm, Yarn, Bun, Deno? 傻瓜, 当然用 npm 啦
  • Google限制Meta使用Gemini模型 凸显AI授权竞争白热化

周新闻

  • Windows字体自定义终极方案:No!! MeiryoUI完全指南
  • Deepin Boot Maker:告别命令行,3分钟制作Linux启动盘的智能解决方案
  • Plain Craft Launcher 2:重新定义你的Minecraft游戏体验

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号