优化Innerlink组件
This commit is contained in:
parent
6d9b76e5b1
commit
fea3a0521d
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<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>
|
<iframe :id="iframeId" style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -16,27 +16,4 @@ const props = defineProps({
|
|||||||
})
|
})
|
||||||
|
|
||||||
const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
|
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>
|
</script>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user