设置middle-l的 display:none后问题？

来源：7-21 播放器歌词滚动列表实现

惹尘埃2016

2017-06-11

当设置player组件normal-player中的.middle-l 的display：none后，缩小normal-player，整个 normal-player过渡动画并不能完成，添加的Class会停留在normal-leave-active上，其display并不为none，为什么？

写回答

1回答

ustbhuangyi

2017-06-11

已采纳

因为你把 .middlel-l 的元素设置为 display:none 后，导致它的退出动画不能完成，leave 中的 done 函数不会执行，所以 afterLeave 没法执行，所以添加的 Class 如 normal-leave-to 会一直在 DOM 上。

惹尘埃2016

非常感谢！

2017-06-11

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3805 问题

相似问题

回答 1

回答 2

回答 1

回答 2

回答 1