vue组件与iframe通信,防止多次触发messag事件

 mounted() {
    window.addEventListener('message', this.handleMessage)
  },
 destroyed() {
    window.removeEventListener('message', this.handleMessage)
  },

使用 父传子

document.getElementById("mapIframe").contentWindow.postMessage("父页面向子页面发送消息", "*");
或者
document.getElementById("mapIframe").contentWindow.postMessage("父页面给子页面发送信息", "http://10.192.195.166:56225/son.html");

子传父
window.parent.postMessage('子页面向父页面发送消息','*')

  

posted @ 2024-07-12 23:59  王卫朋  阅读(87)  评论(0)    收藏  举报