父页面嵌套
在mounted中写 这是子页面需要写的代码
this.pageHeightTimer = setInterval(function () {
window.parent.postMessage(
{
height: document.body.offsetHeight,
scrollTop: 0
},
'*'
)
}, 0)
},
beforeDestroy() {
this.pageHeightTimer = null
},
这是父页面需要写的
在main.js中进行全局监听
// 监听 postMessage 消息
window.addEventListener('message', function (event) {
if (event.data && event.data.type === 'setIframeHeight') {
const iframe = document.getElementById(event.data.iframeId)
if (iframe) {
iframe.style.height = event.data.height + 'px'
}
}
})