Vue вложенная маршрутизация не включает динамические параметры - PullRequest
Новая
       2

Vue вложенная маршрутизация не включает динамические параметры

0 голосов
/ 06 июня 2019

У меня есть два маршрута, скажем сообщения и страницы, внутри каждого пользовательского маршрута, например /user/foo/pages, user/foo/posts, /user/bar/pages, user/bar/posts, где foo и bar - это динамический контент.Однако вложенная маршрутизация в vue не включает эти foo и bar

router.js 

export default new Router({
  routes: [
    {
      path: '/user/:id',
      name: 'user',
      component: User,
      children: [
        {path: 'posts', name: 'posts', component: Posts},
        {path: 'pages', name: 'pages', component: Pages},
      ]
    }
  ]
})

User.vue 

<router-link to="posts">Posts</router-link>
<router-link to="pages">Pages</router-link>

Результат vueвыдача, когда я уже внутри foo или bar, равна 

<a href="#/user/posts">Posts</a>
<a href="#/user/posts">Pages</a>

Однако ожидаемый результат должен быть (когда я внутри foo) 

<a href="#/user/foo/posts">Posts</a>
<a href="#/user/foo/pages">Pages</a>

1 Ответ

2 голосов
/ 06 июня 2019

Попробуйте использовать объект с именем и параметрами в вашей ссылке на роутер, как это 

<router-link :to="{name: 'posts', params: {id: $route.params.id}}">Posts</router-link>
...