iframe頁面向父頁面傳值——postMessage用法

最近在做系統的遷移，需要將老的系統作爲iframe嵌入到新系統中，其中某些信息需要通過iframe的頁面傳到父頁面中，調用contentWindow，因爲新系統和老的系統域名不一樣，會報跨域問題，最後選擇了postMessage這種方法。

用法：
iframe的頁面中：

window.parent.postMessage(你要傳遞的值,傳遞到那個域名);
如:
window.parent.postMessage('變量a','http://xxx.com');

我是使用的vue，所以在create中監聽

created(){
            window.addEventListener("message",(event)=>{
                	console.log('event',event)
                }
            }, false) ;
        },

從event就能取到你需要的值啦～