react项目中利用<iframe>标签嵌入 VUE项目

目前公司官网用react写的。东西台多还比较繁重。索性利用iframe标签嵌入vue项目

var data = {'code': 123}
childFrameObj.contentWindow.postMessage(JSON.stringify(data),vue项目链接);

把想要专递的数据通过childFrameObj.contentWindow.postMessage传过去。必须要以字符串的形式。后面的要传递的链接

然后VUE页面接收

在created里面

window.addEventListener('message',function(event){

console.log('解密',event.data) 获得react传过来的值

}，false）；

vue页面通过下面的函数吧想要传递的数据给react传回去

var data = {'enter':'1'}

window.parent.postMessage(JSON.stringify(data), react项目链接);

react项目接收

window.addEventListener('message', function(e) {

console.log('data from domain2 ---> ' + e.data);

}，false）；’

这样就可以完成传递了