Javascript Vue-嵌套子路由导致重新加载父路由

我使用vue，但嵌套的孩子有问题-这会导致父组件重新加载数据。以下是嵌套子路由的示例：

{
  path: '/products',
  name: 'products',
  component: MainLayout,
  redirect: {name: 'product-edit'},
  children: [
    {
      path: '/products/edit/:id',
      name: 'product-edit',
      component: ComponentProduct,
      redirect: {name: 'product-summary'},
      children: [
        {
          path: 'summary',
          name: 'product-summary',
          component: ComponentSummary
        },
        {
          path: 'description',
          name: 'product-description',
          component: ComponentDescription
        },
        {
          path: 'elements',
          name: 'product-elements',
          component: ComponentElements,
          children: [
            {
              path: ':element',
              name: 'product-elements-id',
              component: ComponentElementsId,
            }
          ]
        }
      ]
    }
  ]
}

主布局

它只使用

来显示真实的元素页面。 我使用这种构造，以避免在初始保存后重新加载的问题。示例：/products/edit/0->user保存、获取响应并自动重定向到/products/edit/12（12是API中的新ID）。如果没有该键，它将无法正常工作，因为vue会使用旧数据缓存页面

组件产品

子页面的“容器”。此组件加载产品数据（使用参数中的id）推送到vuex等。它还包括

，但带有

，以避免重新加载已使用的选项卡

摘要和说明是包含一些数据的简单子页面

组件元素

这是一个特殊的子页面，加载产品的附加数据（元素）并列出它们。它还使用vuex获取数据。然后，用户可以单击列表中的元素，转到“组件元素SID”中的说明

---

但是。。。没关系。在摘要或描述中，它可以正常工作，但如果我访问ComponentElements，它会导致父级重新加载数据：页面未完全重新加载，路由正常工作，但为什么父级也会刷新？我不碰身份证，所以对我来说很奇怪

你能想出解决这个问题的办法吗？