問題描述:
由於目前做的項目分成兩個項目,通過iframe嵌套,所以用到了 postMessage
當監聽傳過來的值的時候 出現了接受多次的問題
產生原因:
我的監聽事件是放在home頁 mounted里面寫的
我的接受postMessage的值的vue項目redirect到 home頁面了
所以在直接訪問跟路徑時先跳到home 頁面,這時已經產生了一個監聽,然后檢測沒有登陸返回登陸頁面
登陸后進到home頁面又執行了一次監聽
修改方案
在store中存儲一個是否綁定message事件的值
執行監聽方法后 將值設置位false
再在執行監聽方法前先判斷此值 就可以了