外链加载时遮罩信息提示

RuoYi

2025-04-30 c88c3d6c69abfad8f6efd23024fc9ce6783b31fc

外链加载时遮罩信息提示

 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 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>