vue.js - 如何在动态路由 Vue.js 之上添加路由

Question

我有一些这样的动态路线：

path: '/group/:id',
name: 'Group',

我需要在一个单独的视图中编辑组内容，这不是一个模式，并将一些数据传递给它。链接应该是这样的

...组/3/编辑

子路线似乎不同。我应该探索哪个概念来做到这一点？

PS：我发现解决方案似乎太简单了。

我刚刚创建了一条单独的路线：

{
    name: 'EditGroup',
    path: '/group/:id/edit',
    component: EditGroup,
    props: true
},

并从任务组件传递id作为道具。这会是一个合理的方法吗？

标签： vue.jsroutesvuejs3

Answer 1

这应该做

path: 'group/', 
children: [
 {
   path: '',
   name: 'groupView',
},
 {
   path: ':id?/',
   name: 'groupIdView',
},
 {
   path: ':id?/edit',
   name: 'groupIdEdit',
}
]

您的第一个孩子将是您的组视图，第二个将是 id 视图，最后是编辑视图