qq_44361943的博客

原创 vue中js钩子函数实现动画过渡

今天看了vue中js钩子函数实现动画，照着敲了一遍发现只有enter的淡入能实现，淡出没有动画效果，即使在leave()中移入done用settimeout延迟也仅仅是延迟的触发时间，并没有出现动画效果。后来经过搜索发现是enter()中缺少了一行代码 el.offsetWidth ，关于这行代码的作用参考文档里的大佬有解释，本人还不是很明白就不乱解释了，原文章链接: vue动画过渡 javascript钩子函数详解_V v vae的博客-CSDN博客_过渡动画钩子函数 最终实现的代码如下： <t