写vue-music项目的时候迷你播放器,删除列表的任意一条歌曲没有过渡的效果

Question

写vue-music项目的时候迷你播放器,删除列表的任意一条歌曲没有过渡的效果.
html 部分

li的关键id 已经加上去了,可删除一首歌,还是没有过渡效果,效果很生硬.

css:

.list-enter-active, .list-leave-active{

transition: all 0.1s linear;

}
.list-enter, .list-leave-to{

height: 0;

}

Answer 1

你设置的height为0，而过度之前的height是多少呢，其实是auto,使用max-height即可完美解决