vue 跟外部 iframe 交互传递

项目场景：

提示：帆软报表有些功能复杂不好实现需要 页面去实现时：
例如：我这边用的 Window postMessage() 方法 | 菜鸟教程

---

问题描述：

提示：帆软 打开我这边web端的页面 ：
例如：思路就是 我这边 帆软报表 是嵌套在我的vue 页面里 用的是 Window postMessage() 方法 | 菜鸟教程

---

解决方案：

帆软这边 去触发：

var item = {creatorId:"123123"};
//帆软这里通过 这里发送广播
window.parent.postMessage({"type":"addModel","item":item},'*')

vue 去接收 处理：

//放在mounted 用 window.onmessage去接受
mounted() {
          let self = this;
          window.onmessage=function(e){
              if (e.data.type=="addModel") {
                  //这里去处理  我这里是弹窗打开对应页面 这里写对应处理逻辑即可
                  return false
              }
          }
      },