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.frpkj.com),学习愉快哦!