首页 > 其他分享 >十二、路由参数和应用数据共享

十二、路由参数和应用数据共享

时间:2023-12-18 09:47:16浏览次数:19  
标签:AppStorage string appName 十二 数据共享 let router 路由 name

数据传递

页面跳转,使用路由传递。

// page1跳转传递参数

  router.pushUrl({
                url:'pages/ParamRouter2',
                params:{
                  name:'HarmonyOS4.0',
                  age:20
                }
              })

//page2接收参数

let param_name = router.getParams()['name'] as string

 

应用间数据共享

//应用下数据共享
AppStorage.SetOrCreate('appName','诗词学习')
//应用下某人需要用的的页面获取数据
let appName = AppStorage.Get('appName') as string

 

案例代码:

import router from '@ohos.router'
@Entry
@Component
struct ParamRouter1 {
  @State message: string = '传递参数1'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold).onClick(() => {
              router.pushUrl({
                url:'pages/ParamRouter2',
                params:{
                  name:'HarmonyOS4.0',
                  age:20
                }
              })
          //应用下数据共享
          AppStorage.SetOrCreate('appName','诗词学习')

        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
import router from '@ohos.router'
//获取传递过来的参数
let param_name = router.getParams()['name'] as string
//应用下某人需要用的的页面获取数据
let appName = AppStorage.Get('appName') as string
@Entry
@Component
struct ParamRouter2 {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(param_name)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Divider()
        Text(appName)
      }
      .width('100%')
    }
    .height('100%')
  }
}

以下两种写法是一样的:

let appName = AppStorage.Get('appName') as string
let appName1:string = AppStorage.Get('appName')

 

标签:AppStorage,string,appName,十二,数据共享,let,router,路由,name
From: https://www.cnblogs.com/ckfuture/p/17910307.html

相关文章

  • 2024 20231322《计算机基础与程序设计》第十二周学习总结
    作业信息|2022-2023-1-计算机基础与程序设计)||--|--||2022-2023-1计算机基础与程序设计第周作业||这个作业的目标|总结本周学习成果及疑问||作业正文|()|教材学习内容总结本周主要学习了数组和指针的相关内容教材学习中的问题和解决过程问题1:是否所有指针都要加*,包括函......
  • 2023-2024-1 20231309 《计算机基础与程序设计》第十二周学习总结
    2023-2024-120231309《计算机基础与程序设计》第十二周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计这个作业要求在哪里2023-2024-1计算机基础与程序设计第十二周作业这个作业的目标自学教材《C语言程序设计》第11章并完成云班课测......
  • 2023-2024-1 20231321 《计算机基础与程序设计》第十二周学习总结
    2023-2024-120231321《计算机基础与程序设计》第十二周学习总结作业信息这个作业属于哪个课程<班级的链接>(如2023-2024-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(如2022-2023-1计算机基础与程序设计第十二周作业)这个作业的目标<《C语言程序......
  • 2023-2024-1 20231414 《计算机基础与程序设计》第十二周学习总结
    学期(2023-2024-1)学号(20231414)《计算机基础与程序设计》第十二周学习总结作业信息这个作业属于哪个课程<班级的链接>(2023-2024-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(2023-2024-1计算机基础与程序设计第十二周作业)这个作业的目标<学习《C......
  • 2023-2024-1 20231413 《计算机基础与程序设计》第十二周学习总结
    2023-2024-120231413《计算机基础与程序设计》第十二周学习总结1.作业信息班级:2023-2024-1-计算机基础与程序设计作业要求:2023-2024-1《计算机基础与程序设计》教学进程目标:自学教材:《C语言程序设计》第12章并完成云班课测试作业正文:https://www.cnblogs.com/Kaifazheju......
  • 2023-2024-1 20231307《计算机基础与程序设计》第十二周学习总结
    作业信息所属课程2023-2024-1-计算机基础与程序设计作业要求2023-2024-1计算机基础与程序设计第十二周作业作业目标自学教材《C语言程序设计》第11章并完成云班课测试作业正文https://www.cnblogs.com/lzt-/p/17909819.html教材学习内容总结《C语言程序设......
  • 第十二章学习笔记
    @目录一、学习笔记1.块设备I/O缓冲区2.UnixI/O缓冲区管理算法3.新的I/O缓冲区管理算法4.PV算法5.编程项目defineCMDLEN10二、苏格拉底挑战三、实践过程及截图include<stdio.h>include<errno.h>include<stdlib.h>一、学习笔记1.块设备I/O缓冲区在第11章中,我们学习......
  • 2023-2024-1 20231425《计算机基础与程序设计》第十二周学习总结
    2023-2024-120231425《计算机基础与程序设计》第十二周学习总结作业信息这个作业属于哪个课程2023-2024-1《计算机基础与程序设计》这个作业要求在哪里2023-2024-1计算机基础与程序设计第十二周作业)这个作业的目标自学《计算机科学概论》第17章,《C语......
  • 2023-2024-1 20231304 《计算机基础与程序设计》第十二周学习总结
    2023-2024-120231304《计算机基础与程序设计》第十二周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计这个作业要求在哪里2023-2024-1计算机基础与程序设计第十二周作业这个作业的目标《C语言程序设计》第11章并完成云班课测试作业......
  • 2023-2024-1 20231303 《计算机基础与程序设计》赵泊瑄第十二周学习总结
    2023-2024-120231303《计算机基础与程序设计》赵泊瑄第十二周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计这个作业要求在哪里作业要求的链接https://i.cnblogs.com/posts/edit)这个作业的目标总结第十二周学习收获作业正文2023-......