html iframe跨域情况下的通讯与传参

父：

    // 接受子发送的信息
    init() {
      function message(event) {
        if (!event.data || event.data.funcName != 'tagMsg') {
          return
        }
        console.log(event.data.formDataObj)
      }
      window.addEventListener('message', message, false)
    }
    


    // 向iframe子页面发送的信息
    handleTempFlowFormData() {
      this.$refs.myframe.contentWindow.postMessage({
        type: 'formData',
        data: { } // 信息
      }, '*')
    }

子：

// 接受父发送的信息
init() {
    function message (event) {
      if (!event.data || event.data.type !== 'formData') {
        return
      }
      console.log('formData---->', event.data.data)
    }
    window.addEventListener('message', message, false)
}
    

// 向父页面发送信息

var message = { funcName: 'tagMsg', formDataObj: { } }
window.parent.postMessage(message, '*')