我的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完成此操作?
答案 0 :(得分:1)
如果我正确理解了这个问题,应该这样做:
<router-link
:to="{
name: 'ConversationDetailFullTranscript',
params: {
id: 'some-id'
}
}">
View full transcript
</router-link>