博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VUE组件如何与iframe通信问题
阅读量:7049 次
发布时间:2019-06-28

本文共 495 字,大约阅读时间需要 1 分钟。

ue组件内嵌一个iframe,现在想要在iframe内获取父vue组件内信息,采用的是H5新特性PostMessage来解决跨域问题。

postMessage内涵两个API:

onMessage:消息监听

postMessage:消息发送

举个栗子,比如我要改变iframe内字体变成跟父级一样,直接上代码:

clearMap(){      let map = document.getElementsByName("map")[0].contentWindow      map.postMessage("clearMap","*")    }

iframe内:

window.addEventListener('message', function (evt) {      if (evt.data == 'clearMap'){        clearMap()    }    //event.data获取传过来的数据});

 

转载于:https://www.cnblogs.com/Tohold/p/10709223.html

你可能感兴趣的文章
开关标识一个是0一个是-那个是开哪个是关
查看>>
ruby的并发和并行
查看>>
朱晶晶-六步制定好企业移动化战略
查看>>
SVPullToRefresh
查看>>
SSIndicatorLabel
查看>>
ASFBPostController
查看>>
Android实战技巧:Handler
查看>>
JqueryMobile实践点滴
查看>>
teamtalk服务端之完美一键部署脚本(ubuntu)
查看>>
2014.7.26 为cocos2d-x3.2版本增加protobuffer2.5.0支持
查看>>
Java进阶篇设计模式之一 ----- 单例模式
查看>>
字符串循环右移算法
查看>>
一分钟了解数据库扩展
查看>>
MyBatis在Spring中的事务管理
查看>>
springboot2.0下为JPA定义多个默认数据源
查看>>
谁来为程序猿的996买单?
查看>>
面试题(6)
查看>>
2017-07-07
查看>>
EasyUI介绍
查看>>
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
查看>>