Vue.js 检测 VueRouter 导航Guards中的后退按钮

发布于10月09日

路由如何改变，对我的案子很重要.

这就是我所拥有的:

router.beforeEach((to, from, next) => {
  if ( /* IsItABackButton && */ from.meta.someLogica) {
    next(false) 
    return ''
  }
  next()
})

是否有一些内置的解决方案，我可以使用，而不是IsItABackButton comments ？我想Vue路由本身并没有，但任何解决方法都可以在这里使用.还是会有其他更好的方式来识别它？

推荐答案

这是我找到的唯一方法:

我们可以监听popstate，将其保存在变量中，然后判断该变量

// This listener will execute before router.beforeEach only if registered
// before vue-router is registered with Vue.use(VueRouter)

window.popStateDetected = false
window.addEventListener('popstate', () => {
  window.popStateDetected = true
})


router.beforeEach((to, from, next) => {
  const IsItABackButton = window.popStateDetected
  window.popStateDetected = false
  if (IsItABackButton && from.meta.someLogica) {
    next(false) 
    return ''
  }
  next()
})