动画el、done的作用

来源:2-4 使用 transition 标签实现单元素组件的过渡和动画效果(3)

慕仰5025445

2021-03-31 22:10:28

这里的el表示什么呢,如果有多个 

transition 的话,怎么区分哪个transition 用什么动画呢

http://img.mukewang.com/climg/606482a509f9dd1705270178.jpg

写回答

1回答

好帮手慕久久

2021-04-01

同学你好,解答如下:

1、elhandleBeforeEnter所在的transition组件包裹的元素,也就是做动画的那个元素:

http://img.mukewang.com/climg/6065241609b35c0208650700.jpg

可以打印看一下:

http://img.mukewang.com/climg/6065245d09e3259506940160.jpg

http://img.mukewang.com/climg/6065246a092ca1bf12090228.jpg

2、如果有多个transition,可以将@before-enter这些钩子函数的函数名设置成不同的,然后在对应的函数中,设置动画即可:

http://img.mukewang.com/climg/6065254109123e5807670293.jpg

例:

http://img.mukewang.com/climg/6065259109dcbf4e06750539.jpg

http://img.mukewang.com/climg/606525aa09fb4af105760466.jpg

而每个transition中,具体做什么动画,则是我们自己决定的。比如我们想让test渐显渐显,那就在test对应的transition的钩子函数fn1、fn2、fn3中写代码。

​祝学习愉快!

0

0 学习 · 15276 问题

查看课程