Vue iframe通讯解决方案

Vue iframe通讯解决方案,第1张

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' //右侧高度
    });

}
 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940048.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存