20181120——Vue框架中的动画效果

可以利用父组件的show:
来v-if 来操作该组件是否显示,如果要加动画效果呢

需要在外部加上一个标签transition,他包裹的内容会有动画效果,Vue会自动的赋予div两个类样式,fade-enter 与 fade-enter-active
在最上面的style中增加类的样式 .fade-enter 和 .fade-enter-active ,需要自动手动编写
当动画运行到第二帧的时候,fade-enter这个类样式就没了

隐藏与显示是一样的,fade-leave-to和fade-leave-active
Vue实际上通过增加标签div中的类样式来进行动画的改变

猜你喜欢

转载自blog.csdn.net/qq_36344771/article/details/84302535