С vue.js, как я могу установить динамическую связь маршрутизатора со встроенными дочерними элементами? - PullRequest
Новая
       14

С vue.js, как я могу установить динамическую связь маршрутизатора со встроенными дочерними элементами?

3 голосов
/ 08 июля 2019

My router.js имеет несколько встроенных дочерних элементов: 

routes: [{
            path: '/',
            name: 'login',
            component: Login,
        },
        {
            path: '/app',
            component: Container,
            children: [{
                path: '',
                name: 'ConversationsList',
                component: ConversationsList
            }, {
                path: 'call',
                name: 'Call',
                component: Call
            }, {
                path: 'conversation/:id',
                name: 'ConversationDetail',
                component: ConversationDetail,
                children: [{
                    path: '',
                    name: 'ConversationDetailHighlights',
                    component: ConversationDetailHighlights

                }, {
                    path: 'transcript',
                    name: 'ConversationDetailFullTranscript',
                    component: ConversationDetailFullTranscript

                }]
            }]

        },
    ],

Мой текущий маршрут /app/conversation/:id, и я хочу, чтобы в моем шаблоне была ссылка на /app/conversation/:id/transcript.Как мне сделать это с помощью vue.js?

1 Ответ

1 голос
/ 08 июля 2019

Если я правильно понял вопрос, это должно сделать: 

<router-link
  :to="{
    name: 'ConversationDetailFullTranscript',
    params: {
      id: 'some-id'
    }
  }">
  View full transcript
</router-link>
...