Javascript 使用vue.js,如何设置与嵌入式子级的动态路由器链接?
MyJavascript 使用vue.js,如何设置与嵌入式子级的动态路由器链接?,javascript,vue.js,routerlink,Javascript,Vue.js,Routerlink,Myrouter.js有一些嵌入式子项: routes: [{ path: '/', name: 'login', component: Login, }, { path: '/app', component: Container, children: [{ path: '',
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>
查看全文
Friggin精彩绝伦-简单易用。谢谢路由名称有帮助,否则,我们必须通过完整路径,如中所示。