ArkTS传参
功能通过输入框onChange实时收集账号密码点击按钮onClick做非空校验账号密码不为空则路由跳转首页并传递账号数据为空弹出提示弹窗首页接收路由参数展示欢迎文案完整串联状态变量、输入变更事件、点击事件、页面路由传参、弹窗提示。一、前置页面注册路径entry/src/main/resources/base/profile/main_pages.json两个页面需要提前注册否则路由跳转失效二、登录页 LoginRouter.ets说明State定义用户名、密码响应式变量两个TextInput绑定onChange输入实时同步更新状态变量登录按钮onClick做非空判断账号密码都不为空router.pushUrl跳转首页携带用户名、密码参数存在空值弹出AlertDialog提示登录失败三、首页 HomePage.ets说明onPageShow页面生命周期函数页面每次显示时执行router.getParams()获取上个页面传递过来的参数Text 输出“欢迎你xxx”四、流程在登录页输入用户名、密码onChange实时存值点击【登录】按钮触发onClick输入不为空跳转HomePage传递用户名输入有空弹出“用户名和密码不能为空”提示弹窗HomePage页面显示触发onPageShow读取参数展示欢迎文本当用户名和密码不为空时当用户名和密码为空时