我在 nuxt 页面中定义了一个这样的链接:

<NuxtLink to="/#section-x">Section X</NuxtLink> 

该链接实际上已添加到我的全局布局文件中的菜单中。当我尝试从不同于根页面 (/any-path) 的页面单击链接时，该链接将我带回登录页面并按预期显示该部分。但是当我尝试从根页面 (/) 单击链接时，它没有执行任何导航。

我尝试以同样的方式使用 anchor 标签:

<a href="/#section-x">Section X</NuxtLink> 

anchor 标记对于根页面内部导航可以很好地工作，但是当从不同的页面单击时，它将提供到根页面的导航而不是内部链接(例如#section-x)。

是否有任何方法可以使用 or 标签并从任何页面提供内部 html 导航？

请您参考如下方法:

根据 this , 安装 vue-scroll-to包裹

你可以试一试

<nuxt-link 
   :to="{path: '/', hash: 'section-x'}"  
   v-scroll-to="{el: '#section-x'} 
"> 
  Section X 
</nuxt-link> 

我不知道如何在不添加更多依赖项的情况下做到这一点，但我希望它能有所帮助