背景

後端同事提了個問題：

當打開實例詳情頁面後，再打開一個tab頁面，然後再訪問實例詳情頁面。如果這時候在某一個tab頁面切換到不同實例了，然後去到另一個tab頁面進行實例的操作，比如升級或者停止。會誤以為當前操作的是同一個實例。但很明顯兩個tab頁的實例是不一樣的，這樣很容易出現誤操作。

所以就想要保持不同tab頁的數據統一。也就是在tab頁面切換實例後，其他tab頁也要跟着切換到該實例。

解決辦法

該問題實際上解決的是不同tab頁的通信問題。

常用的是postMessage和storage事件。

對比了下，我選擇了storage事件來解決。

詳情請查看： 不同tab頁的數據如何保持一致？