基于vue-router的页面切换动画

基于vue-router,可以做出媲美原声app的一个动画切换效果

上代码





通过监听路由变化,可以去切换不同的动画效果,而路由的变化的tag是通过重写路由的go方法来实现的,

Router.prototype.go=function(n){
  this.isBack=true;
  window.history.go(n);
}

如此便可以做出前进动画从右边滑向左边,而后台则从左边滑到右边。




你可能感兴趣的:(vue,vue-router)