vue路由跳转动画切换左右

一、重点,给VueRoute添加一个goBack方法,用于记录路由的前进后退状态 this.isBack = true 
VueRouter.prototype.goBack = function () { 
  this.isBack = true
  window.history.go(-1)
}


 
二丶监听路由变化(在路由变化时判断此时的路由状态是前进还是后退)






三丶给前进后退动画添加不同的动画效果,具体代码如下:

你可能感兴趣的:(vue路由跳转动画切换左右)