过度与动画
效果
vue动画的理解
- 操作css的trasition或animation
- vue会给目标元素添加/移除特定的class
- 过渡的相关类名:
- xxx-enter-active: 指定显示的transition
- xxx-leave-active: 指定隐藏的transition
- xxx-enter/xxx-leave-to: 指定隐藏时的样式
基本过渡动画的编码
- 在目标元素外包裹
- 定义class样式
a) 指定过渡样式: transition
b) 指定隐藏时的样式: opacity/其它
🌺相关推荐:上一篇:vue自定义事件 下一篇:slot 插槽