子 <router-view> 组件内的 Vue <router-link> 不更新父组件

Question

我在我的 Vue 应用程序中使用 <router-view> 进行嵌套路由。子组件有一个 link 组件，当我单击 link 时，它不会更新父组件，只会更新子组件。有谁知道如何解决这个问题？

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'),
    }
  ]
...

我将 <router-view> 组件放在 index.vue 文件中以显示信息和地址组件。

在info.vue,

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

Answer 1

Vue Routing - Reacting to Params Changes

应该在路由参数更改时更新组件。

子 <router-view> 组件内的 Vue <router-link> 不更新父组件

Vue <router-link> inside the child <router-view> component doesn't update the parent component

nested-routes

vue.js

vue-router

vue-component