vue 项目中使用postMessage问题总结

问题描述:vue

  因为目前作的项目分红两个项目,经过iframe嵌套,因此用到了 postMessagepost

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

 

产生缘由:iframe

  个人监听事件是放在home页 mounted里面写的  方法

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

  因此在直接访问跟路径时先跳到home 页面,这时已经产生了一个监听,而后检测没有登录返回登录页面di

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

 

 

修改方案 

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

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

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

相关文章
相关标签/搜索