nuxt 链接需要两次点击才能更正路径答案

【问题标题】：nuxt link takes two clicks to correct pathnuxt 链接需要两次点击才能更正路径
【发布时间】：2021-10-04 09:16:22
【问题描述】：

我正在使用 Nuxt / Vue 并在我的站点标头路由器链接中。我看到的问题是当我单击指向路径的路由器链接时：

<nuxt-link to="/product-innovation/type">
  <span class="link-brdr">Product</span>
</nuxt-link>

路径更改为路径：/product-innovation 而不是 /product-innovation/type

如果我再次单击 nuxt 链接，它将导航到正确的页面路径。

【问题讨论】：

你在 vue devtools routing 标签页看到了什么？另外，您是否尝试为您的组件提供name 并使用:to="{ name: 'name-of-the-component' }"？
嘿@kissu！感谢您提供有关开发工具的提示。当我单击 nuxt 链接时，vue 开发工具路由选项卡会显示两条路径。首先是我要到达的正确路径，然后显示主要路径。
你有中间件或路由器保护吗？一些授权？为什么甚至达到了第二个？
@kissu 发现了问题！以前的开发人员有一个奇怪的方法，如果 nuxt 链接有许多路径，它会强制使用不包含变量的路由器推送。感谢您一如既往的投入！ :)

【解决方案1】：

最后，问题是关于以前的开发人员使用router.push 的方式有些奇怪。

感谢一些技巧（主要是vue devtools，路由选项卡），OP能够自己解决它！

【讨论】：