vue 父组件与 iframe 通信

vue播放视频留flv

父页面向iframe发送消息：

 

 

// 在Vue组件的methods中

sendMessageToIframe() {

const iframe = document.getElementById('myIframe');

iframe.contentWindow.postMessage('Hello from parent!', 'http://example.com'); // 目标来源

}

iframe向父页面发送消息：

在iframe内部，你可以监听message事件来接收消息：

 

 

window.addEventListener('message', function(event) {

if (event.origin !== "http://parent-origin.com") { // 验证来源

return;

}

console.log(event.data); // 处理从父页面接收到的消息

});