iframe 自适应高度

va8zu9ts

已于 2023-07-24 10:23:24 修改

阅读量66

点赞数 1

文章标签： javascript 前端开发语言

于 2023-07-24 10:17:29 首次发布

本文链接：https://blog.youkuaiyun.com/m0_70265923/article/details/131890473

版权

在页面加载完成后，使用`mounted`生命周期钩子设置页面滚动到顶部，并动态获取id为bi_iframe的iframe元素，将其高度和宽度设置为文档的可视区域大小，确保iframe适应屏幕尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取 iframe DOM元素，在mounted加入下面代码即可。

  mounted() {
    window.scrollTo(0, 0);//进入页面自动滑到顶部

    var iframeDOM = document.getElementById("bi_iframe");
    iframeDOM.height = document.documentElement.clientHeight;
    iframeDOM.width = document.documentElement.clientWidth;
  },