From f2d953dd96bfcb074b8d9cd00c4756ce939b4a84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=A5=A5=E6=96=AF?= <9068149@qq.com>
Date: Wed, 23 Feb 2022 09:48:46 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8setup=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=20src/=20components/realTimeView/index.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/realTimeView/index.vue | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/realTimeView/index.vue b/src/components/realTimeView/index.vue
index ff3b98e..34c465c 100644
--- a/src/components/realTimeView/index.vue
+++ b/src/components/realTimeView/index.vue
@@ -16,6 +16,7 @@
 </template>
 
 <script>
+import { ref  } from 'vue';
 export default {
   name: 'RealTimeView',
   props: {
@@ -24,17 +25,21 @@ export default {
     },
     val:Object
   },
-  data() {
-    return {
-      loading: true
+  setup(props) {
+    // 是否在加载中
+    const loading = ref(true)
+
+    // 加载完成事件
+    const load = () => {
+      loading.value = false
+      document.querySelector('iframe').contentWindow.postMessage(props.val, "http://was666.gitee.io");
     }
-  },
-  methods: {
-    load() {
-      this.loading = false
-      this.$refs["iframe"].contentWindow.postMessage(this.val, "http://was666.gitee.io");
-    },
-  },
+
+    return{
+      loading,
+      load
+    }
+  }
 }
 </script>