目前公司官网用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);’
这样就可以完成传递了