Skip to content
文章目录

TransitionGroup 标签

作用和特点

作用:用于给一组元素添加动效

  • 默认情况下,它不会渲染一个容器元素。但你可以通过传入 tag prop 来指定一个元素作为容器元素来渲染。
  • 过渡模式在这里不可用,因为我们不再是在互斥的元素之间进行切换
  • 列表中的每个元素都必须有一个独一无二的 key attribute。
  • CSS 过渡 class 会被应用在列表内的元素上,而不是容器元素上。

当在 DOM 模板中使用时,组件名需要写为 <transition-group>

这里为了保证移除元素的丝滑,增加了一个.fade-move的过渡

参考资料

官网:TransitionGroup