嵌套html页面如何通信

比如说在vue页面中嵌套一个demo.html, 在需要放置的位置上

<iframe src="demo.html" width="100%"  height="700px" frameborder="0" scrolling="auto" id="iframes"></iframe>

比如说在获取了你想要的数据后发送给父页面

var data={
     id:1,
     name:'张三'
   }

 // 发送数据 
   window.parent.postMessage({
        mes:'message',
        data:JSON.stringify(data)
  },'*')

支持发送字符串不支持发送json，需转为字符串后在发送

接收数据     

 window.addEventListener('message',function(e){
    var data= e.data.data;
 })

接收数据可以放在mounted里面也可以放在方法里，页面开始加载的时候data为undefind,当子页面发送数据时父页面也同时实时接收数据