fix(components): [form-item] fix error message animation (#11352)

closed #11343

Co-authored-by: niuxinyu <niuxinyu@lxzwedu.com>
This commit is contained in:
niuxinyu 2023-02-01 22:13:34 +08:00 committed by GitHub
parent f5cf0ad506
commit f95ed1ede6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -25,13 +25,13 @@
<div :class="ns.e('content')" :style="contentStyle"> <div :class="ns.e('content')" :style="contentStyle">
<slot /> <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"> <slot v-if="shouldShowError" name="error" :error="validateMessage">
<div :class="validateClasses"> <div :class="validateClasses">
{{ validateMessage }} {{ validateMessage }}
</div> </div>
</slot> </slot>
</transition> </transition-group>
</div> </div>
</div> </div>
</template> </template>