Vue中的js动画钩子
官方文档
进入过渡 & 离开过渡 | Vue.js (vuejs.org)
困惑解释
done
回调的作用
用于告知vue进入或者离开动画已经完成
如果不调用done
会怎么样?
- 对于
enter
中的done
将无法进入afterEnter
- 对于
leave
中的done
将无法进入afterLeave
,但是当下次执行beforeEnter
之前会自动调用done
进入afterLeave
enterCancelled()
解释
当进入动画被打断时被执行,比如用一个按钮控制元素隐藏与显示,当连续点击按钮两次时,会执行该函数
leaveCancelled()
解释
仅在v-show
中才有用,当未执行afterLeave
时再次进入beforeEnter
之前被调用