vue iframe高度自适应
我们在开发过程中会遇到iframe嵌入外部页面问题,通常外部页面高度不一,如果我们写死iframe高度,就会出现滚动条。通过以下设置会避免滚动条情况。
·
我们在开发过程中会遇到iframe嵌入外部页面问题,通常外部页面高度不一,如果我们写死iframe高度,就会出现滚动条。通过以下设置会避免滚动条情况
<iframe
ref="iframe"
:src="src"
frameborder="no"
scrolling="auto"
width="100%"
:height="height"
/>
this.$nextTick(() => {
this.height = this.$refs.iframe.contentWindow.document.documentElement.scrollHeight;
});
注意:本地开发时,若存在src跨域问题,高度自适应不起作用,打包部署之后高度会自适应。
更多推荐
已为社区贡献1条内容
所有评论(0)