VueX ROUTER嵌套子不渲染？

Question

我正在尝试从路由器获取子链接以进行渲染，以便父路由保持活动状态。

这是我的路由器：

{
  path: '/portfolio',
  name: 'portfolio',
  component: () => import('./views/Portfolio.vue'),
  children: [
    {
      name: 'portfolioitems',
      path: '/portf/:id',
      component: () => import('./views/portf.vue')
    }
  ],
}

还有我获取页面的项目链接：

<router-link :to="`/portfolio/portf/${items.id}`"> item </router-link>

例如，网址确实转到了/portfolio/portf/10，但页面上没有呈现任何内容。

感谢您的帮助！

Answer 1

将path: '/portf/:id', 替换为path: 'portf/:id', 并让我们知道它是否有效。我之前遇到过同样的问题，我给你的解决方案对我有用。它也可能对你有用。