| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <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>
|
|---|
