<NuxtLink />不提供锚标记之类的内部链接

Question

我在nuxt页面中定义了这样的链接：

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

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

我尝试以相同的方式使用定位标记：

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

锚标记对于根页面内部导航将正常工作，但是当从其他页面单击时，它将提供对根页面而非内部链接（例如＃section-x）的导航。

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

Answer 1

根据this，安装vue-scroll-to软件包

您可以试一下

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

在不添加更多依赖项的情况下，我不知道该怎么做，但我希望它会有所帮助