登录页面跳转

创建两个文件，第一个文件可以跳转到第二个文件 LoginRouter文件 import router from '@ohos.router'; @Entry @Component struct LoginRouter{ @State username:string = "1" @State password:string = "1" build() { Column({space:30}){ Text("登录") .fontSize(32) .fontWeight(FontWeight.Bolder) TextInput({placeholder:"请输入账号"}) .width("100%") .height(50) .onChange((value:string)=>{ this.username = value }) TextInput({placeholder:"请输入密码"}) .width('100%') .height(50) .onChange((value:string)=>{ this.password = value }) Button("登录") .height(50) .width("100%") .fontSize(22) .onClick(()=> { if (this.username!="" && this.password !=""){ router.pushUrl({ url:"pages/HomePage", params:{ username:this.username, password:this.password } }) } else { AlertDialog.show({ title:"登录失败", message:`用户名或者密码不能为空` }) } }) } .width('100%') .height('100%') } }

HomePage文件

import router from '@ohos.router'; @Entry @Component struct HomePage{ @State name:string = " " onPageShow(): void { const params = router.getParams() as Record<string,string> if (params){ this.name = params.username } } build() { Column(){ Text(" 这是一个登陆后的页面") } } }