Vue inside the child component doesn't update the parent component

Question

I am using <router-view> for nested routing in my Vue application. The child component has a link component, and when I click the link, it doesn't update the parent component, but only the child component. Does anyone know how to fix this?

router.js

...
{
  path: 'companies/:id',
  component: () => import('.../companies/view/index'),
  children: [
    {
      path: 'info',
      component: () => import('.../companies/view/info'),
    },
    {
      path: 'address',
      component: () => import('.../companies/view/address'),
    }
  ]
...

I placed the <router-view> component in the index.vue file to show info and address components.

In the info.vue,

<router-link to="companies/11/address">address</router-link>

you should show the relevant parts of your code – Boussadjra Brahim Feb 03 '20 at 19:41 — Boussadjra Brahim, Feb 03 '20 at 19:41

score 1 · Accepted Answer · answered Feb 07 '20 at 16:50

1

Vue Routing - Reacting to Params Changes

Should update the component on route param changes.

answered Feb 07 '20 at 16:50

bli07

673
1
5
16

Vue inside the child component doesn't update the parent component

1 Answers1