在vue2项目中嵌入iframe时,会出现iframe加载慢,屏幕短暂白屏的情况。
为了避免出现此类情况,我们可以监听iframe的加载情况进行判断。
<iframe ref="ifra" allowTransparency="true" scrolling="no" :src="src" style=" border: 0px none; width: 193%; height: 90vh; margin-top: 6vh; " >
mounted() { const frame = this.$refs.ifra frame.addEventListener('load',()=>{ console.log('iframe加载完了'); this.$emit('iframeLoaded',true) }) },