vue判断iframe是否加载完毕
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>
·
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>
js
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;
}
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)