我们在开发过程中会遇到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跨域问题,高度自适应不起作用,打包部署之后高度会自适应。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐