起因：

? ? ? ? 公司業(yè)務(wù)需要計(jì)算建筑物截收面積，然后我采用的是openCV來計(jì)算，在vue內(nèi)部引用不了，然后就采用了iframe原生html來完成；功能實(shí)現(xiàn)了我想讓iframe和vue通信；然后用原有方式試了多次都失敗了，iframe傳值可以但是拿取vue父級傳遞的數(shù)據(jù)總是undefined；

解決：

? ? ? ? 猜想可能是iframe加載的問題所以我采用了以下方式去傳遞：

 //通過.contentWindow.postMessage(data,"*")向iframe子組件傳值let iframe = document.getElementById("iframeComplex");iframe.onload = () => {setTimeout(() => {console.log(this);let that = this;iframe.contentWindow.postMessage({cmd: "getBuildForm",params: {data: that.data,},},"*");}, 10);}

然后iframe：

 // iframe獲取Vue傳遞過來的信息window.addEventListener("message", getVueMsg);function getVueMsg(event) {const res = event.data;if (res.cmd == 'getBuildForm') {if (res.params.data.properties.length > 0) {setTimeout(() => {createModel();}, 100)}}};

解決。