iframe加载闪过白块问题

最新推荐文章于 2023-03-05 16:11:09 发布

sunlizhen

最新推荐文章于 2023-03-05 16:11:09 发布

阅读量901

点赞数

分类专栏： JS类 vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/sunlizhen/article/details/109844060

版权

JS类同时被 2 个专栏收录

202 篇文章 1 订阅

订阅专栏

vue

157 篇文章 7 订阅

订阅专栏

在使用iframe时，iframe背景为白块，刷新时也会闪过白块。如果刷新时间长，就会一直出现白块；以下是再vue中，再js中同样适用；

<div v-else ref="iframeWanner" v-loading="loading">
  <iframe
    style="border:none"
    width="100%"
    allowtransparency="true"
    :style=" { visibility:visibiShow }"
    :height= iframeHei
    ref="iframe"
    v-bind:src="reportUrl"
  ></iframe>
</div>

if (!/*@cc_on!@*/0) { // if not IE  判断不是ie
  iframe.onload = function() {
    that.visibiShow = 'visible'
    that.loading = false
  }
} else {
  iframe.onreadystatechange = function() {
    if (iframe.readyState === 'complete') {
      that.visibiShow = 'visible'
      that.loading = false
    }
  };
}