vue 动画

时间：2019-03-27 09:19:35 阅读：187 评论：0 收藏：0 [点我收藏+]

1、如果需要让一个元素进行动画展示的时候，那么当前元素/组件必须是通过 v-if v-show 动态组件来显示隐藏

2、需要添加动态的元素外层必须包裹一个内置组件 <transition>

3、transition 会有一个name属性当前name属性的值为动画的类名

动态类名的划分

<name>-enter

<name>-enter-active 过度动画的类型时间延迟

<name>-enter-to

<name>-leave

<name>-leave-active 过度动画的类型时间延迟

<name>-leave-to

4、如果需要多个元素一起加动画的时候需要将transition组件换成 transition-group

除此之外每个元素身上必须有一个唯一的标识 key

5、transition当前内置组件可以给动画提前定义类名

<transition

enter-class=""

enter-active-class = ""

enter-to-class=""

></transition>

原文地址：https://www.cnblogs.com/tong-yao/p/10605182.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行