Vue iframe通讯解决方案

iframe：

<iframe style="width: 100%;height: 100%;" :src="URL" frameborder="0" @load="iframeLoad"></iframe>

methods: {
 iframeLoad() {
   window.addEventListener("message", this.handleMessage);
 },
 //获取iframe传过来的信息
 handleMessage(e) {
   //e为传过来的信息
   console.log(e);
 }

} 

iframe内页面：

created(){
    // 向iframe页面传递数据
    window.parent.postMessage({
        "Heights": '1828px', //窗口总高度
        "Height": '1715px' //右侧高度
    });

}