Как во vue поместить один Layout в другой?

Question

[Denioo]

Здравствуйте, есть layout и внутри него надо моместить другой лайаут так чтобы, этот лайаут переключался когда ты в навбаре верхнего лайяута(2 ссылки) выбераешь какую-нибудь ссылку. Роуты соответсвенно тоже должны быть такими:
для верхнего лайяута:
/topLayout
для нижнего лайяута:
/topLayout/botlayout
Как это можно реализовать?

Comments

[Ярослав Иванов]

Лаяут на лаяуте лаяутом погоняет. Можно по-русски?

[Denioo]

Ярослав Иванов, layout необходимо сделать внутри другого layout. Т.е. Есть верхний layout, в нем есть навбар, и когда выбираешь что-то из навбара то в нижнем layout меняется страница и прописывается в роутере без затрагивания верхнего.

[Ярослав Иванов]

Denioo, то есть вы просто скопировали вопрос ещё раз? Ну теперь понятнее стало.

[Denioo]

Ярослав Иванов, Но я не знаю как вам понятнее объяснить. Мог бы нарисовать, нарисовал бы.

[Ярослав Иванов]

Denioo, было бы лучше

Answer 1

[Aetae]

Если используется vue-router, то в верхнем просто <router-view>, а в routes просто:

{
  path: '/topLayout',
  component: 'topLayout',
  children: [
    {
      path: ':botlayout?',
      component: 'botlayout',
    },
  ]
}

Comments

[Denioo]

Спасибо тебе добрый человек, то что нужно!

Answer 2

[Антон Антон]

Думаю, тут будут все ответы на вопросы: https://router.vuejs.org/ru/guide/