Варианта 2:
1) Подключать нужный компонент шаблона в компонентах страниц. Т. е. в Вашем случае в тех компонентах, что показываются по роутам /register и /login добавить компонент шаблона.
<template>
<layout-custom>
<!-- тут код компонентов -->
</layout-custom>
</template>
Но в этом случае нужно в шаблоне указывать не
router-view
, а
slot
.
2) Сделать через настройки роутера:
const router = new Router({
routes: [
{
// Без шаблона
path: '/app',
component: AppPage,
},
{
// С шаблоном
path: '/',
component: LayoutCustom,
children: [
{
path: '/register',
component: RegisterPage,
},
{
path: '/login',
component: LoginPage,
}
],
},
],
});