Iframe通信

1. 可以将参数绑定在src里通过地址路径获取

<iframe id="iframeBim" class="iframeBim" ref="iframeBim" :src="'bim.html?tooken='+tooken" frameborder="0">

getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }

2. iframe页面点击模型像页面发送信息（postMessage）

window.parent.postMessage({filed:databagId,fileName:responseText.data.name});

3. Vue页面接收信息

this.$nextTick(()=>{ window.addEventListener("message", function receiveMessageFromIframePage (event) { console.log( event.data) }, false); })

4.在父窗口中获取iframe中的元素 let obj=document.getElementById("iframe的name").contentWindow;  let ifmObj=obj.document.getElementById("ID");