From f95ed1ede6d8daa7fb57ccf1dba7b1ba45e7f4b4 Mon Sep 17 00:00:00 2001
From: niuxinyu <45762373+niuxinyu@users.noreply.github.com>
Date: Wed, 1 Feb 2023 22:13:34 +0800
Subject: [PATCH] fix(components): [form-item] fix error message animation
 (#11352)

closed #11343

Co-authored-by: niuxinyu <niuxinyu@lxzwedu.com>
---
 packages/components/form/src/form-item.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>