外链加载时遮罩信息提示

src/layout/components/InnerLink/index.vue

@@ -1,9 +1,10 @@
 <template>
-  <div :style="'height:' + height">
+  <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>
@@ -20,5 +21,15 @@ const props = defineProps({
   }
 })
 
-const height = ref(document.documentElement.clientHeight - 94.5 + "px")
+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>