vue 項目中使用postMessage問題總結

問題描述：

　　因爲目前作的項目分紅兩個項目，經過iframe嵌套，因此用到了 postMessage

　　當監聽傳過來的值的時候  出現了接受屢次的問題

 

產生緣由：

　　個人監聽事件是放在home頁 mounted裏面寫的　　

　　個人接受postMessage的值的vue項目redirect到 home頁面了

　　因此在直接訪問跟路徑時先跳到home 頁面，這時已經產生了一個監聽，而後檢測沒有登錄返回登錄頁面

　　登錄後進到home頁面又執行了一次監聽

 

 

修改方案 

　　在store中存儲一個是否綁定message事件的值

　　執行監聽方法後  將值設置位false

　　再在執行監聽方法前先判斷此值 就能夠了