Vue-router:我可以在路由元内部获取路由参数值吗?

时间:2018-07-10 09:58:47

标签: vue.js vue-router

我需要从路由子元内部访问路由参数,因此我可以进行提取并获得另一个值。在此示例中,我想从参数中获取ID,因此我可以运行一个函数并获取具有此ID的用户名,然后在meta字段中使用它。这可能吗?

path: '/user/:id', 
component: User,
props: true,
beforeEnter: requireAuth,
children: [
{
    path: '', 
    name: 'user', 
    component: UserOverview,
    meta: {
    breadcrumb: [
        {name: 'Users', params: {name: 'users'}},
        {name: getUserName(id)}
    ] 
    }
}, {...

1 个答案:

答案 0 :(得分:2)

之前的每个钩子可能会有所帮助。

router.beforeEach((to, from, next) => {
  if (!to.meta.breadcrumb) {
    to.meta.breadcrumb = 'your_content'
  }
  next()
})