vue判断iframe是否加载完毕

最新推荐文章于 2024-07-28 12:01:42 发布

阳光6号

最新推荐文章于 2024-07-28 12:01:42 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/weixin_37744901/article/details/108492063

版权

javascript 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

iframe

1 篇文章 0 订阅

订阅专栏

html

<main>
  <img v-show="!completeLoad" src="../images/loading.gif"/>
  <iframe v-show="completeLoad" :src="url" width="100%" id="license_iframe" height="100%"></iframe>
</main>

mounted () {
	var _this = this
	const iframe = document.querySelector('#license_iframe')
	// 处理兼容行问题
	if (iframe.attachEvent) {
		iframe.attachEvent('onload', function () {
			console.log('iframe已加载完毕')
			_this.completeLoad = true;
        })
    } else {
        iframe.onload = function () {
            console.log('iframe已加载完毕')
            _this.completeLoad = true;
        }
    }
}