vue路由控制

vue如何实现图上的路由控制。

图片描述

阅读 2.4k
1 个回答
const routes = [{
  path: '/',
  name: 'layout',
  component: Layout,
  beforeEnter: (to, from, next) => {
    if (/* if not login */ && /* if not navigate to login */) {
      next('/login')
    } else {
      next()
    }
  },
  children: [{
    path: '',
    name: 'index',
    component: Index
  }, {
    path: '/about',
    name: 'about',
    component: About
  }, {
    path: 'login',
    name: 'login',
    component: Login,
    beforeEnter: (to, from, next) => {
      if (/* if login */ && /* navigate to login */) {
        next('/')
      } else {
        next()
      }
    }
  }]
}]

大概写了一下,不知道符不符合,判断是否登录那里根据需求修改一下应该就没问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题