Vue.js – 同一路线上的两个不同组件

2023年10月2日 253次阅读

我试图弄清楚如何在Vue的同一路线上有2个不同的组件.

主页面或登录页面取决于用户是否经过身份验证.
也许我在文档中遗漏了一些东西,但我无法弄清楚它.它甚至可能吗？

谢谢

最佳答案 在路由器映射中使用auth param：

router.map({
  '/home': {
    component: Home,
     auth: true
  },
  '/login': {
   component: Login
  },
  '/something': {
    component: Something,
    auth: true
  },
})

然后在每次转换前检查：

router.beforeEach(function (transition) {
  if (transition.to.auth && !auth.user.authenticated) {
    transition.redirect('/login')
  } else {
    transition.next()
  }
})
点赞