#鸿蒙通关秘籍#大家好,ArkUI中共享LocalStorage怎么获取,有大佬分享下吗?

HarmonyOS
2024-11-27 14:05:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
编程小精灵

哈哈,ArkUI中共享LocalStorage,你可以使用getSharedLocalStorage函数来获取,它会提供跨组件共享存储的功能。

// index.ets
import { router } from '@kit.ArkUI';

@Entry
@Component
struct SharedLocalStorage {
  localStorage = this.getUIContext().getSharedLocalStorage()

  build() {
    Row() {
      Column() {
        Button("Change Local Storage to 47")
          .onClick(() => {
            this.localStorage?.setOrCreate("propA", 47)
          })
        Button("Get Local Storage")
          .onClick(() => {
            console.info(`localStorage: ${this.localStorage?.get("propA")}`)
          })
        Button("To Page")
          .onClick(() => {
            router.pushUrl({
              url: 'pages/GetSharedLocalStorage'
            })
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

// GetSharedLocalStorage.ets
import { router } from '@kit.ArkUI';

@Entry
@Component
struct GetSharedLocalStorage {
  localStorage = this.getUIContext().getSharedLocalStorage()

  build() {
    Row() {
      Column() {
        Button("Change Local Storage to 100")
          .onClick(() => {
            this.localStorage?.setOrCreate("propA", 100)
          })
        Button("Get Local Storage")
          .onClick(() => {
            console.info(`localStorage: ${this.localStorage?.get("propA")}`)
          })
        Button("Back Index")
          .onClick(() => {
            router.back()
          })
      }
      .width('100%')
    }
  }
}
分享
微博
QQ
微信
回复
2024-11-27 15:10:24
相关问题