老师，使用before-enter,和leave-enter 等事件，想知道入场就有动画效果怎么处理

首页课程实战体系课手记专栏慕课教程

老师，使用before-enter,和leave-enter 等事件，想知道入场就有动画效果怎么处理

来源：5-4 Vue中的 Js 动画与 Velocity.js 的结合

cerisecm

2019-07-11

图片描述

写回答

2回答

weixin_慕慕0412102

weixin_慕慕0412102

2019-07-28

加一个appear试试看

<transition

name="fade"

@before-enter="handleBeforeEnter"

@enter="handleEnter"

@after-enter="handleAfterEnter"

appear

>

<div v-if="show">Hello Vue</div>

</transition>

0

0

Dell

Dell

2019-07-14

你可以一开始设置css隐藏，然后mounted里面展示，触发css的transition效果

0

1

cerisecm

好的，我试试看，谢谢

2019-07-22

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10681 学习 · 8202 问题

相似问题

关于同时使用

回答 3

5-4小节中，用了Velocity后，第二次再点击按钮，hello world回不来是怎么回事呀

回答 3

关于v-enter改成v-enter-to

回答 1

过渡动画和animate.css同时使用的时候，过渡没有生效

回答 3

老师为什么没有fade-enter-to、fade-leave？

回答 2

打开慕课网App查看更多内容