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 的变化进行父子页面传参

vue 项目中通过监听 localStorage 的变化进行父子页面传参

vue.js存储--localStorage

vue实时监听网络状态是wifi还是4G

localStorage,session Storage和Vuex