页面A中有一个标签，<iframe>标签的src属性指向跨域页面B，跨域页面B通过postMessage传递信息。现在在A页面，我想获取B页面跨域传过来的信息，实现方法是监听A页面的“message”事件。考虑vue2框架。它的实现与原生html略有不同。在vue的mounted生命周期中添加mounted(){window.addEventListener("message",this.handleIframeMessage)}用于在页面销毁时取消监听，这里可以在beforeDestory生命周期中使用removeEventListener。但建议使用$once。也是挂载语句循环中this.$once("hook:beforeDestroy",()=>{window.removeEventListener("message",this.handleIframeMessage);})结束。同步更新到你的语雀：https://www.yuque.com/diracke...</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="如何在Vue中使用防抖和节流" href="/webqianduan/214624.html">如何在Vue中使用防抖和节流</a> </div> <div class="prev">下一篇：<a title="前端小技巧" href="/webqianduan/214626.html">前端小技巧</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>[vue]在vue中接收iframe传递过来的信息相关文章</code></div> <ul> <li><a href="/kejifunen/371053.html" target="_blank" title="2018中国人工智能独角兽榜单揭晓！云从科技引领行业发展">2018中国人工智能独角兽榜单揭晓！云从科技引领行业发展</a></li> <li><a href="/kejifunen/371050.html" target="_blank" title="这10个新功能应该会加入到未来的Android Wear系统">这10个新功能应该会加入到未来的Android Wear系统</a></li> <li><a href="/kejifunen/371046.html" target="_blank" title="中兴VR体验评测，强大与三星Gear VR相似">中兴VR体验评测，强大与三星Gear VR相似</a></li> <li><a href="/kejifunen/371031.html" target="_blank" title="2015 OFweek中国可穿戴设备高峰论坛成功举办">2015 OFweek中国可穿戴设备高峰论坛成功举办</a></li> <li><a href="/kejifunen/371010.html" target="_blank" title="Jibo即将来到中国，这次是会说中文的可爱小神">Jibo即将来到中国，这次是会说中文的可爱小神</a></li> <li><a href="/kejifunen/371008.html" target="_blank" title="Apple Watch 拥有 8GB 内置存储空间，其中 2">Apple Watch 拥有 8GB 内置存储空间，其中 2</a></li> <li><a href="/kejifunen/371004.html" target="_blank" title="全国首个深度AR互动体验空间亮相市民中心，展现深圳创新风范">全国首个深度AR互动体验空间亮相市民中心，展现深圳创新风范</a></li> <li><a href="/kejifunen/370990.html" target="_blank" title="深脑链基金会参加OFweek 2018“维科杯”中国人工智能">深脑链基金会参加OFweek 2018“维科杯”中国人工智能</a></li> <li><a href="/kejifunen/370986.html" target="_blank" title="智能手表 还在关注 Apple Watch 吗？华米智能手表">智能手表 还在关注 Apple Watch 吗？华米智能手表</a></li> <li><a href="/kejifunen/370985.html" target="_blank" title="苹果承认Apple Watch 3 LTE版本存在网络连接问">苹果承认Apple Watch 3 LTE版本存在网络连接问</a></li> <li><a href="/kejifunen/370984.html" target="_blank" title="帝国晚期！苹果王朝的继承者在哪里？ ">帝国晚期！苹果王朝的继承者在哪里？ </a></li> <li><a href="/kejifunen/370976.html" target="_blank" title="王者归来！昔日巨头能否在可穿戴市场重生？ ">王者归来！昔日巨头能否在可穿戴市场重生？ </a></li> <li><a href="/kejifunen/370975.html" target="_blank" title="谁说便宜的东西就不能是好东西？运动追踪市场正在受到入门级产品">谁说便宜的东西就不能是好东西？运动追踪市场正在受到入门级产品</a></li> <li><a href="/kejifunen/370960.html" target="_blank" title="大家都在追捧的VR是不是一个诱人的骗局？ ">大家都在追捧的VR是不是一个诱人的骗局？ </a></li> <li><a href="/kejifunen/370910.html" target="_blank" title="酷狗耳机VS望仙兔，中秋“定情信物”你更喜欢哪一款？ ">酷狗耳机VS望仙兔，中秋“定情信物”你更喜欢哪一款？ </a></li> <li><a href="/kejifunen/370909.html" target="_blank" title="韩国媒体！低价智能手环在全球流行，华为、小米受青睐">韩国媒体！低价智能手环在全球流行，华为、小米受青睐</a></li> <li><a href="/kejifunen/370906.html" target="_blank" title="独家专访Oculus VR创始人！虚拟现实将在哪里爆发？ ">独家专访Oculus VR创始人！虚拟现实将在哪里爆发？ </a></li> <li><a href="/kejifunen/370901.html" target="_blank" title="阿里巴巴联手万豪，推动人脸识别技术在酒店场景的应用">阿里巴巴联手万豪，推动人脸识别技术在酒店场景的应用</a></li> <li><a href="/kejifunen/370898.html" target="_blank" title="小川信息技术（上海）有限公司荣获OFweek人工智能大奖20">小川信息技术（上海）有限公司荣获OFweek人工智能大奖20</a></li> <li><a href="/kejifunen/370884.html" target="_blank" title="智能家居正在经历软故障，售后问题如何保障？ ">智能家居正在经历软故障，售后问题如何保障？ </a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/371274.html" title="这款中国无线智能耳机在海外火爆！ " target="_blank">这款中国无线智能耳机在海外火爆！ </a></li> <li><em>2</em><a href="/kejifunen/371269.html" title="Cool House“全球智能加速器”沙龙将于8月10日在深" target="_blank">Cool House“全球智能加速器”沙龙将于8月10日在深</a></li> <li><em>3</em><a href="/kejifunen/371256.html" title="VR“断断续续”的流行还存在这些问题" target="_blank">VR“断断续续”的流行还存在这些问题</a></li> <li><em>4</em><a href="/kejifunen/371253.html" title="这种可以骑乘并自动跟随人的移动机器人在海外收获了无数粉丝" target="_blank">这种可以骑乘并自动跟随人的移动机器人在海外收获了无数粉丝</a></li> <li><em>5</em><a href="/kejifunen/371233.html" title="每秒400T中国刷新光纤传输世界纪录" target="_blank">每秒400T中国刷新光纤传输世界纪录</a></li> <li><em>6</em><a href="/kejifunen/371221.html" title="CIRP报告！苹果HomePod在美国智能音箱市场排名第三" target="_blank">CIRP报告！苹果HomePod在美国智能音箱市场排名第三</a></li> <li><em>7</em><a href="/kejifunen/371214.html" title="谷歌正在重振眼镜革命" target="_blank">谷歌正在重振眼镜革命</a></li> <li><em>8</em><a href="/kejifunen/371213.html" title="VR设备数量或将在5年内超越智能手机 " target="_blank">VR设备数量或将在5年内超越智能手机 </a></li> <li><em>9</em><a href="/kejifunen/371208.html" title="当虚拟现实和3D技术走进战场，无需军官在场" target="_blank">当虚拟现实和3D技术走进战场，无需军官在场</a></li> <li><em>10</em><a href="/kejifunen/371204.html" title="赛门铁克！黑客入侵可穿戴设备，存在被追踪隐患" target="_blank">赛门铁克！黑客入侵可穿戴设备，存在被追踪隐患</a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/371200.html" title="谷歌的硬件一直广受好评，但并不受欢迎，推出两款智能手表的底气" target="_blank">谷歌的硬件一直广受好评，但并不受欢迎，推出两款智能手表的底气</a></li> <li><em>2</em><a href="/kejifunen/371199.html" title="记住在可穿戴领域！不要学小米式营销" target="_blank">记住在可穿戴领域！不要学小米式营销</a></li> <li><em>3</em><a href="/kejifunen/371198.html" title="助力智慧生活，Formate新品T68即将在天猫、京东开售" target="_blank">助力智慧生活，Formate新品T68即将在天猫、京东开售</a></li> <li><em>4</em><a href="/kejifunen/371188.html" title="科技在召唤！人工智能引发手机行业新一轮革命" target="_blank">科技在召唤！人工智能引发手机行业新一轮革命</a></li> <li><em>5</em><a href="/kejifunen/371183.html" title="领域！在虚拟现实中玩游戏、锻炼身体" target="_blank">领域！在虚拟现实中玩游戏、锻炼身体</a></li> <li><em>6</em><a href="/kejifunen/371171.html" title="高通推出Snapdragon Wear 2500，增加在可穿" target="_blank">高通推出Snapdragon Wear 2500，增加在可穿</a></li> <li><em>7</em><a href="/kejifunen/371139.html" title="让人类长出“鳃”，这款可穿戴设备有望让人类在水下自由呼吸！ " target="_blank">让人类长出“鳃”，这款可穿戴设备有望让人类在水下自由呼吸！ </a></li> <li><em>8</em><a href="/kejifunen/371132.html" title="据传亚马逊正在开发首款智能眼镜！内置 Alexa 语音助手" target="_blank">据传亚马逊正在开发首款智能眼镜！内置 Alexa 语音助手</a></li> <li><em>9</em><a href="/kejifunen/371128.html" title="快速发展中国智能硬件行业概况与分析" target="_blank">快速发展中国智能硬件行业概况与分析</a></li> <li><em>10</em><a href="/kejifunen/371111.html" title="明星都在玩VR，你为什么不跟上呢？ " target="_blank">明星都在玩VR，你为什么不跟上呢？ </a></li> <li><em>11</em><a href="/kejifunen/371108.html" title="国内首家“虚拟现实内容研发中心”成立，乐视VR与北电在产学研" target="_blank">国内首家“虚拟现实内容研发中心”成立，乐视VR与北电在产学研</a></li> <li><em>12</em><a href="/kejifunen/371106.html" title="VR体验中心火爆，从密室逃脱到VR的“转变”你了解多少" target="_blank">VR体验中心火爆，从密室逃脱到VR的“转变”你了解多少</a></li> <li><em>13</em><a href="/kejifunen/371102.html" title="小米电视出货量中国第一，掌门人王川！不涨价！ " target="_blank">小米电视出货量中国第一，掌门人王川！不涨价！ </a></li> <li><em>14</em><a href="/kejifunen/371098.html" title="可穿戴设备市场将在“大规模灭绝”后重生" target="_blank">可穿戴设备市场将在“大规模灭绝”后重生</a></li> <li><em>15</em><a href="/kejifunen/371087.html" title="激光电视不断升级改进，但现在谈普及还为时过早" target="_blank">激光电视不断升级改进，但现在谈普及还为时过早</a></li> <li><em>16</em><a href="/kejifunen/371086.html" title="苹果正在为明年的智能手表开发低功耗micro-LED面板" target="_blank">苹果正在为明年的智能手表开发低功耗micro-LED面板</a></li> <li><em>17</em><a href="/kejifunen/371085.html" title="北京世联通科技有限公司参加OFweek 2018“维科杯”中" target="_blank">北京世联通科技有限公司参加OFweek 2018“维科杯”中</a></li> <li><em>18</em><a href="/kejifunen/371078.html" title="高通在可穿戴、无人机、车联网等领域实力强劲" target="_blank">高通在可穿戴、无人机、车联网等领域实力强劲</a></li> <li><em>19</em><a href="/kejifunen/371074.html" title="烽火连城 ！中国人工智能产业地图这样绘就" target="_blank">烽火连城 ！中国人工智能产业地图这样绘就</a></li> <li><em>20</em><a href="/kejifunen/371064.html" title="Oculus 和 Valve！虚拟世界中的领域之战（第 2 " target="_blank">Oculus 和 Valve！虚拟世界中的领域之战（第 2 </a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> </body> </html>
