Vue中 iframe 的内容加载慢，实现加载（Loading）

因为iframe加载慢，所以在它加载完成前添加loading效果，loading用的是element plus的加载效果

html

     <iframe name="iframeMap"
                        width="100%"
                        height="100%" title="reportDetail"
                        v-bind:src="iframeUrl" 
                        frameborder="0"
                        scrolling="no"
                        ref="Iframe"
                        v-loading="loadingShow"
                        ></iframe>

加载的时候调用

 iframeLoad() {
      this.loadingShow = true;
      const iframe = this.$refs.Iframe;
      // 兼容处理
      if (iframe.attachEvent) {
        // IE
        iframe.attachEvent("onload", () => {
          this.loadingShow = false;
        });
      } else {
        // 非IE
        iframe.onload = () => {
          this.loadingShow = false;
        };
      }
    },