Vue内嵌iframe及通讯

Vue内嵌iframe及通讯

消息交互方式

父向子传递消息：iframeEl.contentWindow.postMessage

子接收父消息：window.addEventListener(‘message’)

子向父传递消息：window.parent.postMessage

父接收子消息：window.addEventListener(‘message’)

链接： Vue内嵌iframe及通讯_大前端薯条铭的博客-CSDN博客_vue和iframe通信

链接： https://segmentfault.com/a/1190000016258735

实例-html：

parent.html

// 父向子发消息

var sendMessage = function(msg) {

// msg必须为string

iframeEl.contentWindow.postMessage(msg, '*');

};