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('子页面向父页面发送消息','*')

浙公网安备 33010602011771号