iframe嵌入vue内容,vue iframe传值
这篇文章主要介绍了某视频剪辑软件项目嵌套内联框架实现发送、接收数据,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
vue嵌套内联框架发送、接收数据某视频剪辑软件中内联框架的使用获取内联框架里面的内容连续地层(倾角仪)跨域
vue嵌套iframe发送、接收数据
模板
div class=home
iframe src= http://127。0 .0 .1:8888/指数。html class= map frame ref= map frame /iframe
/div
/模板
脚本
导出默认值{
已安装(){
设mapFrame=this .$refs[mapFrame]
if (mapFrame.attachEvent){ //兼容浏览器判断
mapFrame.attachEvent(onload ,function(){
让iframeWin=地图框。内容窗口
iframeWin.postMessage({
方法: getBaseInfo ,
数据:我是状态管理状态的数据
},*)
})
}否则{
mapFrame.onload=function(){
让iframeWin=地图框。内容窗口
iframeWin.postMessage({
方法: getBaseInfo ,
数据:我是状态管理状态的数据
},*)
}
}
}
}
/脚本
样式范围lang=stylus 。主页{。地图框{
高度:300像素
宽度:500像素
}
}
/风格
子页面
!声明文档类型
html lang=en
头
meta charset=UTF-8
meta name= viewport content= width=device-width,initial-scale=1.0
meta http-equiv= X-UA-Compatible content= ie=edge
标题框架嵌套网页测试/标题
/头
身体
脚本
窗户。addevent侦听器( message ,函数(e){
console.log(
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。