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’ } })

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



  • Is your console having any errors?


Log in to reply