检查你upload-fade这里面的样式是否写了进入选择器的效果,大概如下
.upload-fade-enter-active, .upload-fade-leave-active {
-webkit-transition: all .3s cubic-bezier(.26, .67, .75, .97);
transition: all .3s cubic-bezier(.26, .67, .75, .97)
}
.upload-fade-enter {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.upload-fade-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
另外检查你
<upload-xxxx>
这几个组件的最外层css样式 是不是相对于 <transition-group>都是绝对定位,你现在可能是这几个组件同时显示的话应该是上下一次排开的,所以你看不到进入效果
详细参考
https://cn.vuejs.org/v2/guide... [过渡模式]
绑定name或者参考:动态过渡