vue中使用iframe传值

//vue项目传iframe
//挂载在mounted中
mounted() {
    this.iframeWin = this.$refs.iframe.contentWindow;//步骤必须1.
}

methods：{
    fatherpost(e){    //点击给iframe传值
    	 this.iframeWin.postMessage("我是来自父页面的data", '*')//2.
    },
}


//iframe中接受消息，在iframe项目中写监听函数
 window.addEventListener('message',function(e){
	  var Date=e.data;
	  console.log(Date)
},false);



//iframe传vue
//iframe
window.parent.postMessage("我是子页面的test！", '*');

//vue页面接收
window.addEventListener('message', function(e){
		    var Date=e.data;
		    console.log(Date)
});