diff --git a/packages/components/form/src/form-item.vue b/packages/components/form/src/form-item.vue
index 2e23137fbc..3003057061 100644
--- a/packages/components/form/src/form-item.vue
+++ b/packages/components/form/src/form-item.vue
@@ -25,13 +25,13 @@
 
     <div :class="ns.e('content')" :style="contentStyle">
       <slot />
-      <transition :name="`${ns.namespace.value}-zoom-in-top`">
+      <transition-group :name="`${ns.namespace.value}-zoom-in-top`">
         <slot v-if="shouldShowError" name="error" :error="validateMessage">
           <div :class="validateClasses">
             {{ validateMessage }}
           </div>
         </slot>
-      </transition>
+      </transition-group>
     </div>
   </div>
 </template>