页面之间的通信

watch: {
//监听canshupipei的改变，调用通信方法
     canshupipei(){
        this.postCurrent()
      },
},
mounted() {
      this.opener = window.opener
      this.selectModel();
      window.addEventListener('message', ({source, data}) => {
        if (source == this.opener) {
          if (data.type == 'change') {
            this.widgets = data.payload
            this.sourceFilters = []
            data.sourceFilters.map(i => this.sourceFilters.push({
              columnKey: undefined,
              operator: 0,
              valueType: 1,
              value: i.label,
              type: i.type
            }))
          }
        }
      });
      this.opener.postMessage({type: "handshake", groupId: this.groupId})
    },

//通信的方法
postCurrent() {
        this.opener.postMessage({
          type: "change", groupId: this.groupId, payload: {//data的组成部分
            selectedSources: this.selectedSources,
            selectedModels: this.selectedModels,
            sourceFilters: this.sourceFilters,
            groups: this.groups,
            aggregations: this.aggregations,
            resData: this.resData,
            modelReturnData: this.modelReturnData,
            canshupipei:this.canshupipei
          }
        })
      },

// 页面间通讯 在mounted中
    window.addEventListener('message', ({source,data})=>{
      const {groupId} = data
      if(!groupId) return
      if(source==this.popupWindows.get(groupId)){
        // change代表数据产生变化，记录下变化的数据，后续保存使用
        if(data.type=="change"){
          this.modelData[groupId]=data.payload//给modeldata赋值
        }else if(data.type=="handshake"){
          // 握手阶段，初次握手之后，把当前组件的信息发送给编辑图层标签页
          this.sendWidgetsToPupup(groupId)
        }
      }
    });