优化Innerlink组件
This commit is contained in:
parent
6d9b76e5b1
commit
fea3a0521d
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div :style="'height:' + height" v-loading="loading" element-loading-text="正在加载页面,请稍候!">
|
||||
<div :style="'height:' + height">
|
||||
<iframe :id="iframeId" style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
|
||||
</div>
|
||||
</template>
|
||||
@ -16,27 +16,4 @@ const props = defineProps({
|
||||
})
|
||||
|
||||
const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
|
||||
const loading = ref(false)
|
||||
|
||||
onMounted(() => {
|
||||
const { proxy } = getCurrentInstance()
|
||||
const iframeId = ('#' + props.iframeId).replace(/\//g, '\\/')
|
||||
const iframe = document.querySelector(iframeId)
|
||||
console.log('iframe', iframe)
|
||||
if (iframe == null) {
|
||||
return
|
||||
}
|
||||
// iframe页面loading控制
|
||||
if (iframe.attachEvent) {
|
||||
loading.value = true
|
||||
iframe.attachEvent('onload', function () {
|
||||
proxy.loading = false
|
||||
})
|
||||
} else {
|
||||
loading.value = true
|
||||
iframe.onload = function () {
|
||||
proxy.loading = false
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user