Vue 路由器 beforeEach

【问题标题】：Vue router beforeEachVue 路由器 beforeEach
【发布时间】：2019-05-02 21:33:51
【问题描述】：

问题是名称得到未定义的值，我不知道为什么。

router.beforeEach((to, from, next) => {
  console.dir(to);
});

【问题讨论】：

当你得到这个时，你能发布定义你要导航到的路线的代码吗？你定义了路由名称吗？

标签： vue.js vue-router

【解决方案1】：

假设你有 router.js 文件或类似的东西，你的路由对象看起来像这样

export default new Router({
  routes: [
    {
      path: '/login',
      name: 'login', // this being the name
      component: () => import(whatever component),
      meta: {
       // some data goes here if needed
      }
    },
  ]
})

name: 'login' 将是您看到的未定义值或您为任何路线放置的任何名称

【讨论】：