首页 > 其他分享 >同源页面监听缓存改变页面

同源页面监听缓存改变页面

时间:2024-04-30 15:47:16浏览次数:19  
标签:缓存 searchRecordList storage searchRecord localStorage getItem 监听 页面

onActivated(() => {
            this.searchRecordList.value = localStorage.getItem('searchRecord') ? JSON.parse(localStorage.getItem('searchRecord') as string) : [];this.getList();
            window.addEventListener('storage', this.getItem);
        });
        onDeactivated(() => {
            window.removeEventListener('storage', this.getItem);
        });
 protected getItem = () => {
        this.searchRecordList.value = localStorage.getItem('searchRecord') ? JSON.parse(localStorage.getItem('searchRecord') as string) : [];
    };

  

标签:缓存,searchRecordList,storage,searchRecord,localStorage,getItem,监听,页面
From: https://www.cnblogs.com/lopb/p/18168118

相关文章

  • 当Surveymonkey报错Request Header Fields Too Large时需要清理Edge浏览器缓存
     第一步:点击浏览器左上角的...第二步:依次进入Cookie和网站权限---管理和删除Cookie和站点数据。第三步:点击查看所有Cookie和站点数据。第四步:点击全部删除。第五步:清除站点Cooke数据。......
  • laravel 监听数据库查询
    laravel监听数据库查询DB::listen在Laravel框架中,DB::listen是一个监听器,用于监听数据库查询。这段代码注册了一个闭包(匿名函数)作为监听器,当执行数据库查询时,闭包会被调用,并且传递一个包含查询信息的对象作为参数。在这个例子中,传递给闭包的参数是$query,它包含了执行的SQL语句......
  • Mybatis二级缓存使用
     一、应用场景例如首页数据加载很慢,但是首页相关数据变动很小。即可以使用二级缓存 二、此处以springboot项目为例在yml配置文件新增 三、查询数据的类对象需要序列化不然会报错 四、在对应的xml文件中加入</cache>开启二级缓存 ......
  • JMeter监听器
    一前言环境:window10JMter5.3简单的说下监听器的,实际压测中大家使用较多的都是第三方监控工具,监听工具只是在调试的时候使用二监听器先简单看下调试中常用的三种监听器监听器的作用查看测试结果(从各种数据角度),如上显示的那样保存测试结果到文件中从文件中读取之前的测......
  • 缓存击穿,缓存穿透,缓存雪崩
    缓存击穿:是指缓存中没有但是数据库中有的数据(一般是缓存时间到期),这时由于并发用户特别多,同时读取缓存没有读到数据,又同时去数据库中取数据,引起数据库压力瞬间增大,造成过大压力。和缓存雪崩不同的是,缓存击穿指并发查询同一条数据,缓存雪崩是不同数据都过期了,很多数据都查询不到,从......
  • 小程序图片缓存策略(不改代码更换OSS图片)
    昨天,后端给我提了一个问题:他更换了CDN上的图片,但是他打开小程序来看,还是旧图片,他尝试过删除小程序,重新进,还是旧图片。我第一反应是:“你有没有清CDN缓存?“他说:”我在阿里云CDN控制台刷新缓存了,都两三天了,还是旧图片。”(后来我看过刷缓存记录,一天前刚刷的,他夸张了。。。)我说:“那......
  • Django32session登录验证操作33缓存操作34分页操作
    Django32session登录验证操作33缓存操作34分页操作 Django笔记三十二之session登录验证操作 合集-Django笔记(19) 1.Django笔记二十四之数据库函数之比较和转换函数2023-04-182.Django笔记二十五之数据库函数之日期函数2023-04-193.Django笔记二十六之数据库函数之......
  • vue之计算属性与监听属性
    一、计算属性1、什么是计算属性--computed计算属性是Vue中的⼀种特殊属性,⽤于对已有的数据进⾏计算和衍⽣,以⽣成新的数据。计算属性的值是根据依赖的数据动态计算得出的,当依赖的数据发⽣变化时,计算属性会⾃动重新计算。2、计算属性的作用计算属性的主要作⽤是对数据进⾏处......
  • yum安装mysql报错--您可以尝试添加 --skip-broken 选项来解决该问题 清除缓存命令
    yum安装mysql报错--您可以尝试添加--skip-broken选项来解决该问题    安装mysql时,如果安装报错,首先删除缓存,    1、清除缓存  yumcleancache    2、重新加载  yummakecache    3、重新安装  yuminstallmysql    此......
  • uniapp-H5页面刷新后返回失效,页面栈清空导致navigateBack失效问题
    问题描述:当用户刷新当前页面后,navigateBack就行失效原因分析:由于页面回调后导致当前页面刷新,使用getCurrentPages()方法获取页面栈只有当前页面页面无法返回,一直在当前页面刷新闪烁。问题解决constnavigateBack=(params)=>{ constpages=getCurrentPages() if(pag......