Vue中使用iframe 、加载完成后回调事件

template:

<div v-if="qrcodeShow" class="qr-warp-box" v-loading="iLoading">
      <iframe :src="qrUrl" style="width: 100%; height: 300px" frameborder="0" scrolling="no" ref="iframe"></iframe>
</div>

script:

// vue生命周期钩子函数 -- 更新之后
updated() {
  if (this.$refs.iframe) {
    // IE
    if (this.$refs.iframe.attachEvent) {
      this.$refs.iframe.attachEvent('onload', () => {
        // 加载成功
        this.iLoading = false;
      });
    } else {
      this.$refs.iframe.onload = () => {
        // 加载成功
        this.iLoading = false;
      };
    }
  }
},

猜你喜欢

转载自blog.csdn.net/snows_l/article/details/127921558