(四)Vueのアニメーションネスト

2001 ワード

(一)Vueのアニメーションネスト
(1)通常はtransitionタグを使って作成しています






基本的にはそう書きますが、例えば要素を移動しながらスクロールしてほしいのですが、どうすればいいですか?
(2)この時点で階層化する必要があります
たとえば

 
这样做的好处就是横向就是平移,然后里面的元素就是滚动。要是把rotate写道关键帧里面他会直接滚动

(3)但是有的时候CSS满足不了我们需要的动画必须要通过JS来解决,那只有利用钩子函数了

 
        

这样在过渡动画里面里面可以利用before-enter, enter, after-enter这3个钩子函数来实现
同理离开也一样,特别注意传递的是元素

beforeEnter(el){
 //                 
console.log(el)
}