vue.js - vue transition 只有一半的效果

问题描述

问 题

transition只有进入的时候有效果，出去的时候没有效果，为什么会这样，要怎么修改？
https://jsfiddle.net/uLufa45k/1/

解决方案

你用的VueJS版本为2.1.4, 小于版本2.1.8 需要把 .fade-leave-to 改为 .fade-leave-active

.fade-enter,
.fade-leave-active {
  height: 0px;
}

下面是我在你的基础上改为2.1.8版本的

https://jsfiddle.net/uLufa45k/3/

这篇关于vue.js - vue transition 只有一半的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！