首页 > 其他分享 >LocalStorage页面级UI状态存储、将LocalStorage实例从UIAbility共享到一个或多个视图

LocalStorage页面级UI状态存储、将LocalStorage实例从UIAbility共享到一个或多个视图

时间:2024-06-06 14:44:32浏览次数:17  
标签:err storage 视图 UIAbility window LocalStorage storeLinkPropA 页面

参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/arkts-localstorage-0000001524537149-V2#section13961833151713
此处代码只精简了需要的

import window from '@ohos.window';
export default class EntryAbility extends UIAbility {
  //共享 LocalStorage
  para: Record<string, number> = {
    'PropA': 47
  };
  storage: LocalStorage = new LocalStorage(this.para);
  onWindowStageCreate(windowStage: window.WindowStage) {
    //共享 LocalStorage
    windowStage.loadContent('pages/Index', this.storage, (err, data) => {
      if (err.code) {
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
        return;
      }
      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
    });
  }
}

pages/Index页面中使用,其他页面中使用也是一样的方式

let storage = LocalStorage.GetShared()

@Entry(storage)
@Component
struct Index {
  // @LocalStorageLink变量装饰器与LocalStorage中的'PropA'属性建立双向绑定
  @LocalStorageLink('PropA') storeLinkPropA: number = 1;
  build() {
    Column() {
      Text("storeLinkPropA:" + this.storeLinkPropA.toString()).onClick(()=>{
        this.storeLinkPropA += 1;
      })
    }
  }
}

 

标签:err,storage,视图,UIAbility,window,LocalStorage,storeLinkPropA,页面
From: https://www.cnblogs.com/xsj1989/p/18235129

相关文章

  • U9C的数据查询视图Sql
    U9C的数据查询视图Sqlifobject_id('TEMPDB..#priceTable')isnotnullbegindroptable#priceTableendcreatetable#priceTable(polineCreatedOndate,pricevarchar(max),itemidvarchar(max),purchaseOrderdocnovarchar(max),)insertinto#priceTable......
  • 【DRF-13】rest-framework之视图三部曲
    一.mixin类编写视图1.视图classAuthorModelSerializer(serializers.ModelSerializer):classMeta:model=models.Authorfields='__all__'fromrest_frameworkimportmixins,genericsclassAuthors(mixins.ListModelMixin,mixins.CreateMod......
  • 记录--localStorage是同步还是异步的?为什么?
    ......
  • 重写学习 localStorage 与 sessionStorage
    localStorage与sessionStoragelocalStorage与sessionStorage很多小伙伴对它们俩都很熟悉了;最熟悉的莫过下面这2条1,localStorage存储的数据没有时间限制,理论上永久有效;除非手动清除。sessionStorage存储的数据在关闭当前页面后失效;2,有存储大小限制,两者存储大......
  • 公安视频图像信息数据库及GA/T 1400视图库视频监控系统的使用场景
    随着科技的快速发展,大数据、人工智能等新技术不断融入各行各业,为各行各业带来了前所未有的变革。在公安领域,GA/T1400协议公安视频图像信息数据库的应用为视频监控场景提供了强有力的支持,极大地提升了公安工作的效率和准确性。一、公安视频图像信息数据库组成1、公安视频图像......
  • Data-v轮播表数据频繁调用视图不更新。
            在项目里用到了datav的 dv-scroll-board轮播表 开发一个报警轮播。因为接口要频繁去调用,写了个定时器一秒调用一次。但是发现这样视图没有更新。检查了一会发现从接口获取值有问题。在每次调用方法的时候重新赋值一下就OK。        tableData方法......
  • PostgreSQL的视图pg_namespace
    PostgreSQL的视图pg_namespace基础信息OS版本:RedHatEnterpriseLinuxServerrelease7.9(Maipo)DB版本:16.2pg软件目录:/home/pg16/softpg数据目录:/home/pg16/data端口:5777在PostgreSQL中,pg_namespace是一个系统表,用于存储所有命名空间(schema)的相关信息。命名......
  • Django视图与路由:打造你的网络帝国
    Hello,我是阿佑,上期给大家讲了DjangoORM魔法:用Python代码召唤数据库之灵!今天将带大家深入探讨了视图的工作原理、如何编写高效的函数视图和类视图,以及如何巧妙地利用URL路由来提升应用的用户体验和可维护性。通过实际案例和代码示例,揭示了Django视图与路由设计的艺术,帮助......
  • EXCEL数据透视图中的日期字段,怎样自动分出年、季度、月的功能?
    在excel里,这个果然是有个设置的地方,修改后就好了。点击文件选项卡,选项,在高级里,将图示选项的勾选给取消,然后再创建数据透视表或透视图,日期就不会自动组合了:这个选项只对新创建数据透视表、数据透视图有效。对已经创建好的数据透视表、数据透视图,无法“自动”取消已经形成的......
  • 学习Django【2】把视图和路由连接起来的是URLconfigs的配置文件
    在view.py视图中定义:defdetail(request,question_id):returnHttpResponse("You'relookingatquestion%s."%question_id)defresults(request,question_id):response="You'relookingattheresultsofquestion%s."......