chore: 使用useEventListener替换原生
This commit is contained in:
parent
dac65eb262
commit
3558bbf6a0
@ -1,11 +1,12 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { onMounted, onUnmounted } from 'vue';
|
|
||||||
import { useRoute, useRouter } from 'vue-router';
|
import { useRoute, useRouter } from 'vue-router';
|
||||||
|
|
||||||
import { useAppConfig, useTabs } from '@vben/hooks';
|
import { useAppConfig, useTabs } from '@vben/hooks';
|
||||||
import { stringify } from '@vben/request';
|
import { stringify } from '@vben/request';
|
||||||
import { useAccessStore } from '@vben/stores';
|
import { useAccessStore } from '@vben/stores';
|
||||||
|
|
||||||
|
import { useEventListener } from '@vueuse/core';
|
||||||
|
|
||||||
defineOptions({ name: 'FlowDesigner' });
|
defineOptions({ name: 'FlowDesigner' });
|
||||||
|
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
@ -43,8 +44,7 @@ function messageHandler(event: MessageEvent) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// iframe监听组件内设计器保存事件
|
// iframe监听组件内设计器保存事件
|
||||||
onMounted(() => window.addEventListener('message', messageHandler));
|
useEventListener('message', messageHandler);
|
||||||
onUnmounted(() => window.removeEventListener('message', messageHandler));
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
Loading…
Reference in New Issue
Block a user