[VueJS] Navbar intégrée dans chaque Vues

Ce sujet est résolu
172294
,

Bonjour,

J'ai créer un composant Home que je souhaiterai automatiquement dans toutes mes autres Vues.

J'utilise VueRouter et voici la config de mes routes :

import Vue from 'vue'
import App from './App.vue'
import AstreinteCalendar from './components/AstreinteCalendar.vue'
import CreateUser from './components/CreateUser.vue'
import UserAdmin from './components/UserAdmin.vue'
import UpdateUser from './components/UpdateUser.vue'
import Home from './components/Home.vue'

import axios from 'axios'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

Vue.config.productionTip = false

const routes = [
  {
    name: 'home',
    path: '/',
    component: Home
  },
  {
    name: 'create-user',
    path: '/admin/user/add',
    component: CreateUser
  },
  {
    name: 'update-user',
    path: '/admin/user/update',
    component: UpdateUser
  },
  {
    name: 'user-admin',
    path: '/admin/user',
    component: UserAdmin
  },
  {
    name: 'astreinte-calendar',
    path: '/calendar',
    component: AstreinteCalendar
  }
];

const router = new VueRouter({mode: 'history', routes: routes});

new Vue(Vue.util.extend({ router }, App)).$mount('#app')


Avez-vous une petite idée de comment je pourrais faire ?
Merci pour votre aide, bonne journée!

2 Réponse

5467
,

Bonjour,
Tout est dans la doc: https://router.vuejs.org/fr/guide/essentials/nested-routes.html

172294
,

Salut merci pour ta réponse! my bad j'aurais dû lire la doc plus sérieusement! ^^
Merci :)