diff --git a/packages/components/dropdown/src/dropdown.vue b/packages/components/dropdown/src/dropdown.vue
index 7f52819639..6221637afc 100644
--- a/packages/components/dropdown/src/dropdown.vue
+++ b/packages/components/dropdown/src/dropdown.vue
@@ -24,8 +24,9 @@
       teleported
       pure
       persistent
-      @before-show="handleShowTooltip"
-      @before-hide="handleHideTooltip"
+      @before-show="handleBeforeShowTooltip"
+      @show="handleShowTooltip"
+      @before-hide="handleBeforeHideTooltip"
     >
       <template #content>
         <el-scrollbar
@@ -191,13 +192,17 @@ export default defineComponent({
       }
     }
 
+    function handleBeforeShowTooltip() {
+      emit('visible-change', true)
+    }
+
     function handleShowTooltip(event?: Event) {
       if (event?.type === 'keydown') {
         contentRef.value.focus()
       }
-      emit('visible-change', true)
     }
-    function handleHideTooltip() {
+
+    function handleBeforeHideTooltip() {
       emit('visible-change', false)
     }
 
@@ -245,8 +250,9 @@ export default defineComponent({
       handleEntryFocus,
       handleClose,
       handleOpen,
+      handleBeforeShowTooltip,
       handleShowTooltip,
-      handleHideTooltip,
+      handleBeforeHideTooltip,
       onFocusAfterTrapped,
       popperRef,
       contentRef,