首页 > 其他分享 >监听storage中数据的变化

监听storage中数据的变化

时间:2023-07-28 17:55:22浏览次数:34  
标签:name storage value 监听 window storageEvent 数据 event

方法封装:

updateStorage(name, value){
  sessionStorage.setItem('name, newVal);
      const storageEvent = new Event('storage');
      Object.defineProperty(storageEvent, 'key', {
        value: name,
        enumerable: true
      })
      Object.defineProperty(storageEvent, 'newValue', {
        value: newVal,
        enumerable: true
      })
      window.dispatchEvent(storageEvent)
}

使用:index.vue

 mounted() {   window.addEventListener('storage', this.handleStorageEvent);  },  beforeDestroy() {   window.removeEventListener('storage', this.handleStorageEvent);  },
methods(){
    handleStorageEvent(event){
        if(event.key === 'latitude'){
            let data = event.newValue;
        }              
    }
}    

  

标签:name,storage,value,监听,window,storageEvent,数据,event
From: https://www.cnblogs.com/chenwan1218/p/17588555.html

相关文章

  • Python数据可视化-动态柱状图可视化
    Python数据可视化-动态柱状图可视化一、基础柱状图通过Bar构建基础柱状图"""演示基础柱状图的开发"""frompyecharts.chartsimportBarfrompyecharts.optionsimportLabelOpts#使用Bar构建基础柱状图bar=Bar()#添加x轴的数据bar.add_xaxis(["中国","美国","英......
  • wpf在设计器模式利用模拟数据展现控件
    使用VisualStudio开发WPF应用程序时,控件显示需要的数据如果来路比较“苦难”,比如来自数据库,JSON文件,复杂计算等,这时候,如果想看到控件带有数据的展示效果,需要启动调试,这很麻烦。我们可以在XAML中使用designtime语法给控件赋予模拟数据MSDN教程,也可以在后台使用csharp代码判断当......
  • Android实现数据存储技术
    本文介绍Android中的5种数据存储方式。数据存储在开发中是使用最频繁的,在这里主要介绍Android平台中实现数据存储的5种方式,分别是:使用SharedPreferences存储数据; 文件存储数据;SQLite数据库存储数据;使用ContentProvider存储数据;网络存储数据;下面将为大家一一详细介绍。第一种: ......
  • linux 定时任务清理数据
    1、查找及删除文件的命令find对应目录-mtime+天数-name"文件名"-execrm-rf{}\;应用命令为:find/fastdfs/storage/store/data/-mtime+10-name"*.*"-execrm-rf{}\;2、编辑脚本vi/fastdfs/storage/deleteScratchFile.sh内如如下:(删除30天前的文件。) ......
  • 最快嵌入式数据库CrossDB与SQLite3性能测试报告
    CrossDB是目前最快的高性能嵌入式关系数据库。测试工具:CrossBenchDB驱动:SQLite3CrossDB测试方法:随机访问,单线程,绑定CPU核测试服务器CPU:Intel(R)Xeon(R)[email protected] cachesize36864KBHDD:DELLPERCH755FrontSCSIDisk......
  • Django-4.2博客开发教程:维护后台数据admin模块(六)
    在每个app目录下有个admin.py,使用这个文件可以对其app进行控制。步骤如下:1)先在settings里对其进行注册这里在myblog\myblog\settings.py  > INSTALLED_APPS里把APP名添加进去INSTALLED_APPS=[#'blog.apps.BlogConfig',#注册APP应用'blog','django.co......
  • 【selenium】获取token及session数据
    UI测试过程中遇到系统其他页面需要登录鉴权,不能每次打开页面都重新进行登录,所以需要保存登录用例时的tokendefsave_session(self,value):"""1.其中localStorage、token关键字是需要根据自己实际情况填写的localStorage:目标系统,需要查看自己的token是存在localStor......
  • 百万级别数据,如何删除
    步骤1.优化索引对于大量数据的删除操作,优化索引是一种提高删除效率的策略,而不是直接删除索引。直接删除索引可能会导致删除操作变慢,而且重新建立索引也会占用一定时间。优化索引的目的是让数据库在进行删除操作时,能够更快速地定位要删除的记录,从而加快删除的速度。在删除大量数......
  • 基于 Kubernetes 部署 MySQL 数据库
    本文将介绍如何基于Kubernetes部署MySQL数据库。创建服务Service创建一个Service为即将部署的MySQL数据库固定连接的IP,同时提供负载均衡,下面是mysql-service.yaml文件的内容: yaml复制代码apiVersion:v1kind:Servicemetadata:name:mysqlspec:s......
  • 2012 不同年龄段员工 <=40岁 41-50岁 >50岁 2012年考察不同年龄段职场人
    Asisclearlyreflectedinthetableabove,itcanbeseenthatthestatisticsaboutemployees'jobsatisfactionindifferentage.Comparedwithothers,thoseovertheageof50havethelargestpercentageofsatisfaction,whichis40%.Itisnoticeabl......