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) =>{})
在页面添加监听事件,页面销毁时,要把监听事件移除掉