vue页面切换过渡
Posted holy-amy
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue页面切换过渡相关的知识，希望对你有一定的参考价值。
<!--<transition name="slide-left">-->
<router-view></router-view>
<!--</transition>class="child-view"-->
.child-view {
position: absolute;
width:100%;
transition: all .8s cubic-bezier(.55,0,.1,1);
}
.slide-left-enter, .slide-right-leave-active {
opacity: 0;
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.slide-left-leave-active, .slide-right-enter {
opacity: 0;
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);}以上是关于vue页面切换过渡的主要内容，如果未能解决你的问题，请参考以下文章