Vue项目中使用iframe和postMessage实现跨域通信传输数据

之前项目有个需求：想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能：

1、父页面中的子iframe：

2、父页面中使用contentWindow.postMessage方法向子iframe传入“username”和“password”两个参数：

3、子页面中使用window.addEventListener方法监听获取父页面传过来的“username”和“password”两个参数：