From 3558bbf6a0e27b5e72ce64930f32e03c57a41988 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 17 Dec 2024 09:27:48 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BD=BF=E7=94=A8useEventListener?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E5=8E=9F=E7=94=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/workflow/components/flow-designer.vue         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/flow-designer.vue b/apps/web-antd/src/views/workflow/components/flow-designer.vue
index 418f4176..3fd462ea 100644
--- a/apps/web-antd/src/views/workflow/components/flow-designer.vue
+++ b/apps/web-antd/src/views/workflow/components/flow-designer.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { useAppConfig, useTabs } from '@vben/hooks';
 import { stringify } from '@vben/request';
 import { useAccessStore } from '@vben/stores';
 
+import { useEventListener } from '@vueuse/core';
+
 defineOptions({ name: 'FlowDesigner' });
 
 const route = useRoute();
@@ -43,8 +44,7 @@ function messageHandler(event: MessageEvent) {
 }
 
 // iframe监听组件内设计器保存事件
-onMounted(() => window.addEventListener('message', messageHandler));
-onUnmounted(() => window.removeEventListener('message', messageHandler));
+useEventListener('message', messageHandler);
 </script>
 
 <template>