vue 项目中使用postMessage问题总结

问题描述：

　　由于目前做的项目分成两个项目，通过iframe嵌套，所以用到了 postMessage

　　当监听传过来的值的时候  出现了接受多次的问题

 

产生原因：

　　我的监听事件是放在home页 mounted里面写的　　

　　我的接受postMessage的值的vue项目redirect到 home页面了

　　所以在直接访问跟路径时先跳到home 页面，这时已经产生了一个监听，然后检测没有登陆返回登陆页面

　　登陆后进到home页面又执行了一次监听

 

 

修改方案 

　　在store中存储一个是否绑定message事件的值

　　执行监听方法后  将值设置位false

　　再在执行监听方法前先判断此值 就可以了