支持 Vue 3.2.x 语法升级为，script setup

src/views/iframe/index.vue

@@ -5,55 +5,45 @@
     </div>
   </n-spin>
 </template>
-<script lang="ts">
-  import { defineComponent, ref, unref, onMounted, nextTick } from 'vue';
+<script lang="ts" setup>
+  import { ref, unref, onMounted, nextTick } from 'vue';
   import { useRoute } from 'vue-router';
 
-  export default defineComponent({
-    name: 'IFrame',
-    setup() {
-      const currentRoute = useRoute();
-      const loading = ref(false);
-      const frameRef = ref<HTMLFrameElement | null>(null);
-      const frameSrc = ref<string>('');
+  const currentRoute = useRoute();
+  const loading = ref(false);
+  const frameRef = ref<HTMLFrameElement | null>(null);
+  const frameSrc = ref<string>('');
 
-      if (unref(currentRoute.meta)?.frameSrc) {
-        frameSrc.value = unref(currentRoute.meta)?.frameSrc as string;
-      }
+  if (unref(currentRoute.meta)?.frameSrc) {
+    frameSrc.value = unref(currentRoute.meta)?.frameSrc as string;
+  }
 
-      function hideLoading() {
-        loading.value = false;
-      }
+  function hideLoading() {
+    loading.value = false;
+  }
 
-      function init() {
-        nextTick(() => {
-          const iframe = unref(frameRef);
-          if (!iframe) return;
-          const _frame = iframe as any;
-          if (_frame.attachEvent) {
-            _frame.attachEvent('onload', () => {
-              hideLoading();
-            });
-          } else {
-            iframe.onload = () => {
-              hideLoading();
-            };
-          }
+  function init() {
+    nextTick(() => {
+      const iframe = unref(frameRef);
+      if (!iframe) return;
+      const _frame = iframe as any;
+      if (_frame.attachEvent) {
+        _frame.attachEvent('onload', () => {
+          hideLoading();
         });
+      } else {
+        iframe.onload = () => {
+          hideLoading();
+        };
       }
+    });
+  }
 
-      onMounted(() => {
-        loading.value = true;
-        init();
-      });
-
-      return {
-        loading,
-        frameRef,
-        frameSrc,
-      };
-    },
+  onMounted(() => {
+    loading.value = true;
+    init();
   });
+
 </script>
 
 <style lang="less" scoped>