javascript - vue.js - 根据 Vue 实例上设置的值进行重定向

Question

我试图根据 Vue 实例上是否设置了值来重定向用户。目前，我正在使用Global Route Navigation Guard像这样。

这不是一个有效的示例

router.beforeEach((to, from, next) => {
  next(vm => {
    if (!vm.value) {
      vm.value = 123
      return {path: '/url'}
    }
  })
})

我是否需要在 if 语句中调用 next('/url') ？或者是否有更好的方法来有条件地重定向。

提前致谢。

Answer 1

您可以使用 router.app 访问根 Vue 实例，如所述 here

router.beforeEach((to, from, next) => {
    if(!router.app.value){
        router.app.value = 123
        next('/url')
        return
    }

    next()
})