vue 监听localStorage、sessionStorage变化
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 监听localStorage、sessionStorage变化相关的知识,希望对你有一定的参考价值。
参考技术A使用场景:同一个浏览器,以用户最后一次登录账号为准(使用localStorage存储)。
弊端 :同一个浏览器页签,修改storage的值,监听不到
使用场景:storage发生变化,执行某些方法。
main.js中:(sessionStarage雷同)
上面的方法在 火狐浏览器 上遇到了问题,即监听失效了!原因是因为火狐浏览器把我们重写的setItem方法当作字符串存下来了(见图1-1) 详细解释看这里~
使用:
弊端 :不同浏览器页签(相同地址),修改storage的值,监听不到
这样,不管是同浏览器页签还是不同浏览器页签,就都能监听到啦~
以上是关于vue 监听localStorage、sessionStorage变化的主要内容,如果未能解决你的问题,请参考以下文章
vue 项目中通过监听 localStorage 的变化进行父子页面传参
vue 项目中通过监听 localStorage 的变化进行父子页面传参