vue如何嵌套iframe链接

本文主要讲解关于vue如何嵌套iframe链接相关内容，让我们来一起学习下吧！

1、未加载完成时显示loading动画
2、可以设置iframe标签的宽高

<div
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-spinner="el-icon-loading"
      element-loading-background="rgba(0, 0, 0, 0.8)"
    >
     <iframe
        ref="iframe"
        id="iframeContain"
        name="iframeContain"
        seamless
        scrolling="yes"
        :src="com"
      />
</div>

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

以上就是关于vue如何嵌套iframe链接相关的全部内容，希望对你有帮助。欢迎持续关注潘子夜个人博客（www.panziye.com），学习愉快哦！

喜欢 (0)赏

【请潘老师喝杯Coffee吧！】

分享 (0)