diff --git a/src/components/ListenerDrawer/ListenerDrawer.vue b/src/components/ListenerDrawer/ListenerDrawer.vue
index 477b760e9..14d431f20 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
     }
   })
diff --git a/src/hooks/Rule/useSQLAvailablePlaceholder.ts b/src/hooks/Rule/useSQLAvailablePlaceholder.ts
index 8b2909004..af029ff5c 100644
--- a/src/hooks/Rule/useSQLAvailablePlaceholder.ts
+++ b/src/hooks/Rule/useSQLAvailablePlaceholder.ts
@@ -60,7 +60,10 @@ export default (): {
   })
   const { transFromStrToFromArr, getTestTargetEvent } = useRuleUtils()
   const selectList = computed<Array<string>>(() => {
-    return splitOnComma(sqlKeyParts.value.fieldStr ?? '').map((item) => trimSpacesAndLFs(item))
+    if (isUndefined(sqlKeyParts.value.fieldStr)) {
+      return []
+    }
+    return splitOnComma(sqlKeyParts.value.fieldStr).map((item) => trimSpacesAndLFs(item))
   })
   const fromList = computed(() => transFromStrToFromArr(sqlKeyParts.value.fromStr || ''))