diff --git a/src/components/ListenerDrawer/ListenerDrawer.vue b/src/components/ListenerDrawer/ListenerDrawer.vue
index 7982c6a81..439a05df7 100644
--- a/src/components/ListenerDrawer/ListenerDrawer.vue
+++ b/src/components/ListenerDrawer/ListenerDrawer.vue
@@ -7,6 +7,7 @@
     size="50%"
     :z-index="1999"
     class="listener-drawer"
+    destroy-on-close
   >
     <el-form
       label-position="top"
diff --git a/src/hooks/Config/useListenerDialog.ts b/src/hooks/Config/useListenerDialog.ts
index d44520396..f5e91ec9a 100644
--- a/src/hooks/Config/useListenerDialog.ts
+++ b/src/hooks/Config/useListenerDialog.ts
@@ -313,6 +313,7 @@ export default (props: Props, emit: Emit): UseListenerDialogReturns => {
     } else {
       // for prevent form throw error
       listenerRecord.value = createRawListener()
+      listenerCustomConfigs.value = {}
       isLoading.value = false
     }
   })