18910140161

vue 过渡效果中 leave 钩子函数没有过渡效果

顺晟科技

2021-09-15 13:24:25

117

在vue 过渡中,仅用JavaScript 过渡的时候,在 enter 和 leave 中必须使用 done 进行回调。否则after-enter和 after-leave不会调用,并且enter 和 leave将被同步调用,过渡会立即完成。


顺晟科技:

这跟官网有点出入,不知道什么原因造成的

有没有人知道,这是什么原因造成的?

总结了两种解决办法:

但在 leave中使用done回调时,离开状态也会立即执行,即使不调用done()函数,leave参数done必须传,不传也会立即删除元素导致动画不执行,但不调用done函数, after-leave又不能执行,导致元素样式display属性不为none,消失不了

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航