У меня так работает:
{
path: '/document',
component: { template: '<router-view></router-view>' },
meta: { title: 'Документация' },
children: [
{
name: 'document-index',
path: '',
component: DocumentIndex,
meta: { title: 'Вся документация' },
},
{
name: 'document-create',
path: 'create',
component: DocumentCreate,
meta: { title: 'Добавить документ' },
},
{
name: 'document-update',
path: 'update/:id',
component: DocumentUpdate,
meta: { title: 'Редактировать документ' },
},
],
},
Т.е. у родительского компонента указываю path, а у дочернего, который должен открываться по path-родителя не указываю.
В router-link:
<router-link :to="{name: 'document-index'}">
В документации этот момент тут
https://router.vuejs.org/ru/guide/essentials/neste... (в конце статьи).