Iframe scrollHeight返回Iframe高度而不是文档高度

Question

我试图使用scrollHeight在iFrame内获得页面的高度，但它只返回iFrame的高度，而不是页面的高度。

我正在使用vuejs，我尝试了rollheight, offsetheight和style。高度，但他们不工作，我也试图改变我如何引用文档，但它仍然不工作。希望有人能给我指出正确的方向。任何帮助或反馈是感激的:)

这是我的价值组件:

<template>
<q-card class="embed-card">
<iframe :src="embed" frameborder="0" ref="lookerIframe"></iframe>
</q-card>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
name: "embed-card",
props: {
embed: {
required: true,
},
},
data: () => ({
iFrameHeight: "",
}),
mounted() {
this.iFrameHeight = this.$refs.lookerIframe.contentWindow.document.body.scrollHeight + "px";
console.log(this.iFrameHeight);
},
});
</script>

谢谢大家的帮助:)

Answer 1

我认为你的iframe元素有填充或其他东西，你可以删除填充或你的iframe使用这个:

<iframe :src="embed" frameborder="0" ref="lookerIframe" style="margin:0;padding:0;"></iframe>

我希望它对你有用。