[英]With vue.js, how can I set up a dynamic router-link with embedded children?
我的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完成此操作?
如果我正确理解了这个问题,那么应该这样做:
<router-link
:to="{
name: 'ConversationDetailFullTranscript',
params: {
id: 'some-id'
}
}">
View full transcript
</router-link>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.