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 无法在多个标签页共享数据的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。