#鸿蒙通关秘籍#如何利用@LocalStorageProp和@LocalStorageLink实现页面级数据存储?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
代码小博士

@LocalStorageProp@LocalStorageLink用于在路由页面中创建和使用页面级的UI状态存储,其核心在于LocalStorage实例的应用。

  1. 创建LocalStorage实例并绑定到页面:

    let storage: LocalStorage = new LocalStorage();
    storage.setOrCreate('key', 'value');
    
    @Entry(storage)
    @Component
    struct Parent {
    }
    
  2. 使用@LocalStorageProp@LocalStorageLink

    @LocalStorageProp('key') propVariable: string = '';
    @LocalStorageLink('key') linkVariable: string = '';
    
  3. 使用更新函数:

    storage.set('key', 'new value');
    

通过这种方式,可以使得不同组件共享同一个页面级的数据状态,共享数据的更新也会反映在UI变化上。


分享
微博
QQ
微信
回复
1天前
相关问题