vue-router не отображает дочерний компонент

Question

Я пытаюсь протолкнуть динамический дочерний маршрут на $router.push({ name: 'Warning', params: { id: warning.id }.Но когда я нажимаю кнопку, которая нажимает маршрут - маршрут изменяется правильно, но компонент не отображается, и я все еще вижу родительский компонент

Этот маршрут:

    {
      path: '/warnings',
      name: 'Warnings',
      component: Warnings,
      children: [
      {
      path: ':id',
      name: 'Warning',
      component: FullWarning
      }