西安seo网站排名优化公司_免费模板网站知乎_南京seo收费_合肥网站建设程序

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) =>{})

在页面添加监听事件，页面销毁时，要把监听事件移除掉