vue 路由嵌入iframe 重新整理保留當前頁面

最近在研發過程中，遇到了乙個優化，vue專案巢狀在另外乙個vue專案的iframe中，外層vue的iframe重新整理，iframe中的vue專案希望可以停留在你當前操作的頁面，而不是刷回到一開始的iframe裡src路徑

當開始聽到這個優化點的時候，一上來有點懵，初步想法是存在localstroage裡面，每次頁面重新整理的時候，去快取裡面取值，然後在push

但是這樣操作有問題，localstroage關閉瀏覽器，不手動清除，資料還會存在，而且，web頁面判斷瀏覽器重新整理的動作，用網上介紹的方法都會有各種各樣的問題，所以，後來利用了vue的全域性鉤子以及watch監聽路由資訊做了最後的處理。

下面是**實現：

mounted () );

// 監聽頁面重新整理

if(sessionstorage.getitem('beforeunload') == 1));

});}}},

watch: }},

路由index.js

router/index.js
router.beforeeach((to, from, next) => );

最終，當前vue專案的iframe對應重新整理的時候，路由保持當前頁面，當外層vue專案tab切換的時候，路由又會重置到最原始的嵌入頁面。