Vue-Router - Переход на дочернюю страницу по умолчанию

Рейтинг: 0Ответов: 0Опубликовано: 31.01.2023

Сделано по документации, но видимо я что-то не понял :(

router/index.js

const routes = [
  ......
  
  {
    path: '/contractor',
    name: 'contractor',
    component: () => import('../views/ContractorView.vue'),
    children: [
      {
        path: '',
        name: 'default',
        component: () => import('../components/contractors/AppSearch.vue')        
      },
      {
        path: 'card/:objId',
        name: 'card',
        component: () => import('../components/contractors/ContractorCard.vue'),
      }
    ]
  },
................
]

В шаблоне ссылка:

<router-link :to="{ name: 'contractor'}">BlaBla</router-link>

При нажатии на нее выходит только содержимое ContractorView.vue. Но если обновить браузер, то появляется содержимое компонента AppSearch.vue, как и написано в документации. В консоли никаких ошибок.

Как добиться, чтобы дочерний компонент выводился без перезагрузки страницы?

== Обновлено Когда публиковал - не обратил внимание на формат строки со ссылкой - исправил.

Похоже, что проблему решил путем "через колено" - заменил ссылку на

<router-link to="/contractor/">BlaBla</router-link>

Т.е. проблема решена, но вопрос остался - как вызвать дефолтную страницу с именованным параметром

Ответы

Ответов пока нет.