事情是这样的 做项目的时候在一个详情页里调用了别的项目中的登录页面,经过苦思冥想决定使用iframe嵌套页面来达成效果,达成结果是这样的
那么这时候遇到一个问题,就是你内嵌页面,这个内嵌的高是无法确定的,因为评论不知道有多少条,这个时候就需要根据子页面的评论条数去控制父页面的iframe的高度
实现代码
updated() {
this.getIframeHeight()
},
methods: {
getIframeHeight() {
this.$nextTick(_ => {
window.parent.document.getElementById('iframe').style.height =
document.getElementsByTagName('body')[0].clientHeight + 'px'
})
},
}
