关于Vue中动画周期函数v-on:enter以及done()的一些问题
一、 问题
- 下面代码中enter函数部分,无法正常显示预期的过渡效果,必须添加任一获取el.offset 系列属性操作才会正常显示过渡效果;
- 下面代码在添加获取el.offsetWidth属性操作之后,过渡效果会持续两秒(前一秒运动,后一秒静止不动) 需要在enter函数中添加第二个参数done,在enter函数中调用done() ,即可解决;
本人对其中原理百思不得其解,对done()函数一无所知,也没能查到相关资料,只能求助于社区大佬,还希望路过的大佬们给点提示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./vueJs/vue-2.4.0.js"></script>
<style>
[v-cloak] {
display: none;
}
.ba