解决 sessionStroage 无法在多个标签页共享数据的问题

1.改用 cookie 方式存储数据

2.利用 window.addEventListener(‘stroage’) 监听stroage变化事件进行回调共享数据

1.全局监听stroage事件
通过监听localStroage的数据变化进去读取出token值后进行localStroage删除

window.addEventListener('stroage', (e) => {if (e.storageArea === localStroage && e.key === 'token') //监听到传入tokensessionStroage.setItem('token', e.newValue)localStroage.removeItem('token')localStroage.removeItem('getToken')else if (e.storageAreaArg === localStroage && e.key === 'getToken' && e.newValue === '1' ) //监听到对方页面需要获取tokenlocalStrogae.setItem('token', userToken)
})

2.在新的窗口启动前进行用户登陆状态判断

if (localStroage.getItem('isLogin') === 1) localStrogae.setItem('getToken', '1')

解决 sessionStroage 无法在多个标签页共享数据的问题相关推荐

解决Vscode编辑器不能打开多标签页问题
解决Vscode编辑器不能打开多标签页问题参考文章: (1)解决Vscode编辑器不能打开多标签页问题 (2)https://www.cnblogs.com/chig/p/11288689.html ...
解决新版Chrome无法将单个标签页静音的问题
在以前版本的Chrome浏览器中,可以通过设置enable-tab-audio-muting选项将单个标签页静音. 但在新版本的Chrome浏览器中,无法再通过chrome://flags/#enab ...
解决Firefox搜索栏不能切换新标签页的问题
Firefox的快速搜索框输入内容进行搜索总是会覆盖当前标签页,而选项里没有相关设置,为了不覆盖当前标签页,这使得不会修改的人总要先新建一个标签页在进行搜索,这样非常的麻烦.用户可以通过安装扩展优化体 ...
解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效
问题:如题,在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等... 解决:给input标签加上autocomplete属性, 如果是type="text"就加上au ...
实现浏览器多标签页通信
前言我们都知道浏览器是可以打开很多标签页的,如果每个标签页代表的是单独的一个网站,那么这些标签页之间肯定是不能通信的,如果能通信那估计我们都得凉凉.但是在很多情况下,浏览器中的很多标签页都属于某一个 ...
.NET 并行(多核)编程系列之七共享数据问题和解决概述
.NET 并行(多核)编程系列之七共享数据问题和解决概述原文:.NET 并行(多核)编程系列之七共享数据问题和解决概述 .NET 并行(多核)编程系列之七共享数据问题和解决概述前言:之前的文 ...
标签页使用及bug解决
标签页使用 1.点击菜单项生成新的标签页 2.点击标签页项实现页面跳转 3.bug 标签页放在main中标签页el-tabs主要属性: (1)editableTabsValue:高亮表示被选中的标签 ...
谷歌浏览器打开标签会把之前的覆盖掉_Chrome 浏览器新更新解决了本地文件拖入导致的标签页意外关闭问题...
原标题:Chrome 浏览器新更新解决了本地文件拖入导致的标签页意外关闭问题这个问题之前相当让人头疼(至少对小编来讲是这样). 你有没有在 Google Chrome 浏览器上使用过拖放功能,但却发 ...
Win7文件夹属性没有共享标签页的解决方法
Win7文件夹属性没有共享标签页怎么办?Win7文件夹属性里有一个文件夹属性叫共享标签页,这个共享标签页的功能是与共享文件夹中与其他电脑共享文件.有用户反映过文件夹的属性洪没有共享标签页了,解决办法就 ...

解决 sessionStroage 无法在多个标签页共享数据的问题

1.改用 cookie 方式存储数据

2.利用 window.addEventListener(‘stroage’) 监听stroage变化事件进行回调共享数据

解决 sessionStroage 无法在多个标签页共享数据的问题相关推荐

最新文章

热门文章