iframe向父级传递参数（用postMessage来解决跨域）
Posted 从入门到放弃
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe向父级传递参数（用postMessage来解决跨域）相关的知识，希望对你有一定的参考价值。
父页面
<iframe src="http://localhost:8080/index.html" id="vrId"></iframe>
父页面接收子页面的参数
mounted(){
window.addEventListener(\'message\', function(e){
console.log(e.data)
})
}
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
iframe页面
created(){
top.postMessage(需要传递给父页面的参数)
}
注意：如果使用window.postMessage() 可能会出现 Failed to execute \'postMessage\' on \'DOMWindow\' 报错
其实 top就是指向iframe最顶层的窗口，建议是用 top.postMessage()即可
以上是关于iframe向父级传递参数（用postMessage来解决跨域）的主要内容，如果未能解决你的问题，请参考以下文章
iframe可通过postMessage解决跨域跨窗口消息传递