vue中transition进场动画不生效，离开动画生效

如果想要在页面初始化时播放动画需要添加appear和appear-active-class解决：1.加appear<transition name="slide" appear></transition>2 加v-if<transition name="slide" > <div class="detail" v-if="id"></div&g

cherrylovewangcai

4616人浏览 · 2020-06-23 21:17:35

cherrylovewangcai  ·  2020-06-23 21:17:35 发布

如果想要在页面初始化时播放动画需要添加appear和appear-active-class

解决：

1.加appear

<transition name="slide" appear></transition>

2 加v-if

<transition name="slide" > <div class="detail" v-if="id"></div> </transition>

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定