iframe中嵌套的vue项目

Question

问题描述

目前所在的项目中需要开发一块功能，这部分功能用vue实现，通过vue打包出来的单页面放到了以前项目中的A页面上的iframe里，在iframe高度自适应的功能上出现了点问题，iframe高度自适应是通过onload事件获取页面高度进行的设置，可是嵌套了vue的项目之后，A页面打开默认触发onload是根据vue项目的首页来获取的高度，在vue里进行路由跳转并不会继续出发iframe的onload事件，如果现在在vue里路由进行跳转，其他路由对应的组件高度比首页对应路由的组件高度大的话，页面就会展示不全，iframe高度不能重新计算，求大神指点给个思路方法

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

在子窗口的vue代码中每个页面组件mounted方法调用window.parent.setHeight(window.document.body.scrollHeight)，在父窗口中设置iframe的高度：

function setHeight(height) {
    document.getElementById('idIframe').height = height;
}