Named Router only executing the layout method not Children component's methods

  • Case
    path: ‘/blog/best-practices/:param1/:param2/:param3’,
    name: ‘blog’,
    component: () => import(‘layouts/AppLayout.vue’),
    children: [
    { path: ‘’, component: () => import(‘pages/app/papers.vue’) }

    After successful Authentication on the login page, I am navigating the user to papers.vue page by calling the named Router.push in login.vue

    this.$router.push({ name: ‘blog’, params: { param1: ‘val1’, param2: ‘val2’, param3: ‘val3’ } })

    Child layout ( paper.vue ) is not loading in the AppLayout.vue

  • Is your console having any errors?

Log in to reply