36 lines
685 B
Vue
36 lines
685 B
Vue
<template>
|
|
<div :style="'height:' + height" v-loading="loading" element-loading-text="正在加载页面，请稍候！">
|
|
<iframe
|
|
:id="iframeId"
|
|
style="width: 100%; height: 100%"
|
|
:src="src"
|
|
ref="iframeRef"
|
|
frameborder="no"
|
|
></iframe>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
src: {
|
|
type: String,
|
|
default: "/"
|
|
},
|
|
iframeId: {
|
|
type: String
|
|
}
|
|
})
|
|
|
|
const loading = ref(true)
|
|
const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
|
|
const iframeRef = ref(null)
|
|
|
|
onMounted(() => {
|
|
if (iframeRef.value) {
|
|
iframeRef.value.onload = () => {
|
|
loading.value = false
|
|
}
|
|
}
|
|
})
|
|
</script>
|