列表过渡 transition-group
列表: 比如 数组 v-for
-
这个没有模式,mode 那个in-out…
-
也可以通过name属性来修改名称,默认还是v-enter
-
使用
<transition-group>
组件 默认是span,不管下面的包裹的是什么标签都是span!!!,可以设置tag属性改变 -
内部元素总是需要提供唯一的
key
attribute 值。 -
CSS 过渡的类将会应用在内部的元素中,而不是这个组/容器本身。
<div> <button @click="Add">Add</button> <transition-group> <i v-for="item in items" :key="item" class="list-item">{ { item }}</i> </transition-group> </div>
通过tag改变标签
<transition-group tag="div"> <i v-for="item in items" :key="