vue中iframe的使用说明
iframe嵌套页面，在某些时候使用起来还是挺不错的，比如：第三方登录，页面a中加入页面b等
<iframe ref="iframeRef" src="" frameBorder="0" loading="eager" width="100%" height="100%" style="border:none;"></iframe>默认情况下iframe是有边框的，可以使用frameBorder或者style.border取消边框，frameBorder在h5中不支持
通信问题：
1、页面a传值到页面b（a页面嵌套b页面）
const iframeRef = this.$refs.iframeRef.contentWindow;
iframeRef.postMessage({},'*')2、页面b传值到页面a
window.parent.postMessage({b: 2},'*')3、接收值
window.addEventListener('message',(e) =>{})在页面添加监听事件，页面销毁时，要把监听事件移除掉
原文地址：https://blog.csdn.net/qq_31971377/article/details/140496674
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！