Vue中iframe使用常见问题及解决方案有哪些？

本文共计1179个文字，预计阅读时间需要5分钟。

目录+ 使用iframe踩坑记录 + iframe的初始高度问题 + postMessage的实现 + iframe使用postMessage传递值 + addEventListener未接收到值 - 收到值后出现webpack warning问题 + Bug如下 + 问题解决 + 使用iframe踩坑记录i

目录

• 使用iframe踩坑记录 iframe+postMessage
• 1.iframe的初始高度问题
• 2.postMessage的实现
• iframe使用postMessage传值addEventListener未接收到却收到webpackwarning问题
• bug如下
• 问题解决

使用iframe踩坑记录 iframe+postMessage

需求：最近在写一个博客的功能模块，技术栈是单独选择的vuepress，完成后想要融合到一个vue工程里，考虑到后期维护的问题，就通过iframe将vuepress打包后的工程页面引入到vue工程的一个页面中，这样iframe的父子级页面之间也要进行信息的传递，比如说传递iframe的子页面的滚动高度给父页面，然后撑开页面高度。