当前位置: 首页 > article >正文

vue中iframe的使用说明

iframe嵌套页面,在某些时候使用起来还是挺不错的,比如:第三方登录,页面a中加入页面b等

<iframe ref="iframeRef" src="" frameBorder="0" loading="eager" width="100%" height="100%"  style="border:none;"></iframe>

默认情况下iframe是有边框的,可以使用frameBorder或者style.border取消边框,frameBorder在h5中不支持

通信问题:

1、页面a传值到页面b(a页面嵌套b页面)

const iframeRef = this.$refs.iframeRef.contentWindow;
iframeRef.postMessage({},'*')

2、页面b传值到页面a

window.parent.postMessage({b: 2},'*')

3、接收值

window.addEventListener('message',(e) =>{})

在页面添加监听事件,页面销毁时,要把监听事件移除掉


http://www.kler.cn/a/403808.html

相关文章:

  • greater<>() 、less<>()及运算符 < 重载在排序和堆中的使用
  • 游戏陪玩系统开发功能需求分析
  • 【2024亚太杯亚太赛APMCM C题】数学建模竞赛|宠物行业及相关产业的发展分析与策略|建模过程+完整代码论文全解全析
  • 国标GB28181视频平台EasyCVR视频融合平台H.265/H.264转码业务流程
  • 『 Linux 』文件与网络套接字的内部关系
  • 【倍数问题——同余系】
  • 冒泡排序与选择排序
  • 【GNU】反汇编工具objdump
  • 2025蓝桥杯(单片机)备赛--扩展外设之I2C的重要应用--PCF8591(八)
  • python subprocess.run 详解
  • 力扣第58题:最后一个单词的长度
  • AI数字人视频小程序:引领未来互动新潮流
  • golang通用后台管理系统10(退出登录,注销token)
  • 程序里sendStringParametersAsUnicode=true的配置导致sql server cpu使用率高问题处理
  • 一、Docker 安装集
  • 脸书Facebook 多账号在同一设备登录且防关联的攻略!
  • Win11 24H2新BUG或影响30%CPU性能,修复方法在这里
  • k8s资源对象管理
  • Gin 框架中的表单处理与数据绑定
  • 第十九天 决策树与随机森林
  • Python循环请求接口
  • 高效协作:前后端合作规范与应对策略
  • 接口压力测试、性能测试工具
  • Python和MATLAB及Julia示例3D残差U-Net
  • Linux驱动开发(9):pinctrl子系统和gpio子系统--led实验
  • http响应码https的区别