项目中需要引入iframe，由于iframe加载的资源比较多，第一次加载需要3s左右，此时页面出于空白等待状态，需要加Loading提示；因此设计页面进入时为加载中状态，监听iframe加载完毕后隐藏loading，这里借助ElementPlus实现。

<script setup>
import { onMounted, ref } from "vue"

const loading = ref(true)
const myElement = ref(null)
onMounted(() => {
  myElement.value.addEventListener("load", ()=>{
    // iframe加载完毕后会回调此函数，注意ref与myElement是绑定状态
    loading.value = false
  })
})
</script>

<template>
  <div class="modeler" v-loading="loading" element-loading-text="Activiti模型设计器加载中...">
    <iframe ref="myElement" src="src……" id="iframe"></iframe>
  </div>
</template>