【HarmonyOS 鸿蒙黑马程序员学习笔记 119.1】

原创

于 2024-12-30 18:38:13 发布 · 252 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #学习 #笔记 #typescript #javascript

创建页面

在这里插入图片描述

页面跳转

在这里插入图片描述

页面栈

在这里插入图片描述

路由模式

在这里插入图片描述

跳转传参

在这里插入图片描述

简易示例

页面配置

{
  "src": [
    "pages/Index",
    "pages/Page1",
    "pages/Page1_2",
    "pages/Page1_1",
    "pages/Page1_1_1"
  ]
}

页面_登录

import {
   
    router } from '@kit.ArkUI'

interface dl{
   
   zh:string,mm:string}

@Entry
@Component struct Index {
   
   
  @State  user : dl = {
   
   zh:'',mm:''}
  build() {
   
   
    Column(){
   
   
      TextInput({
   
   placeholder:`请输入用户 账号`,text:this.user.zh})
        .onChange((txt:string)=>{
   
   this.user.zh = txt})
      TextInput({
   
   placeholder:`请输入用户 密码`,text:this.user.mm})
        .onChange((txt:string)=>{
   
   this.user.mm = txt})
        .type(InputType.Password) //  密码样式输入
      Text('登录')
        .fontSize(40)
        .onClick(()=>{
   
   
          router.replaceUrl({
   
    //  无返回
            url:'pages/Page1'