1.vue页面 向 内嵌iframe传递事件 // vue页面代码 let frame = document.getElementById('iframeId'); //目的是获取这个iframe元素 // 或者用vue语法 let frame = this.$refs.iframeId frame.contentWindow.postMessage(object,'*'); // object为传送的对象 *号为接收数据的项目地址 // iframe页面(写到mounted中) window.addEventListener('message',function(event){ ·// 传送的数据在event.data里面 }) 2.iframe页面向vue项目页面传递事件 // iframe页面 window.parent.postMessage(object,'*'); // object为需要传送的数据对象 *号为接收数据的项目url地址 //主页面 window.addEventListener('message',,function(event){ // 数据在event.data对象中 })
实例代码:
1.iframe页面向vue页面传值
window.parent.postMessage({"title":data.label,"id":data.id,"area":data.area,"dccname":data.attributes.dccname,"sttype":data.attributes.nodetype,"flag":"s1"}, "*");
vue页面接受
window.addEventListener("message", function(){rece