我这是发现了一个 Vue - Transition 组件的 Bug 么?

具体示例,请看 frosty-swanson-u4sct - CodeSandbox

点击 Hide 按钮 可以发现离开没有过度效果,但是如果按照 Vue 官网给的示例,将过度属性的值改为 all 便不会存在这个问题。

请尝试修改 components/HelloWorld.vue 中的 .slide-fade-leave-active class 为如下,然后看效果:

.slide-fade-leave-active {
  transition: all 1s;
}

display:none 会导致动画没有机会展示

感谢你的回复!问题我已经找到了,是我修改官网的代码不充分导致的。
简单的来说:过渡离开的时候,因为 transition 不是 all,导致 slide-fade-leave-to 中的 opacity:0 直接产生作用,元素虽然有过度效果,但是被直接隐藏了!、