总所周知,vue中的transition标签可以方便得进行动画过渡,使用的方法也很简单。
<transition name=你要的名字>
过渡的元素...
</transition>
这里需要主要一点的是:过渡的元素只能是以下之一:
条件渲染 (使用 v-if)
条件展示 (使用 v-show)
动态组件
组件根节点
常用的过渡名称有fade等
你可以这样用
<transition name=fade>
过渡的元素...
</transition>
实现的效果就是淡入淡出。
如果需要自定义过渡动画的,记得在css中修改以下的类名:
你要的名字-enter