小编vin*_*est的帖子

我正在学习 Nuxt.js 3，并正在编写一个简单的项目，该项目采用单滚动设计，其中有一个带有锚链接的菜单。单击链接，站点应自动滚动到锚点（如带有 id 的 div）。为了测试这一点，我设置了一个简单的 Nuxt 3 安装npx nuxi init nuxt-app，删除了演示内容并将其替换为：

pages/index.vue

<template>
  <div>
    <div id="home"><p>hello world</p></div>
    <div class="menu">
      <nuxt-link :to="{ path: '/', hash: '#ciao' }">
        link
      </nuxt-link>
    </div>
    <div style="height: 3000px">placeholder</div>
    <div id="ciao"><p>ciao world</p></div>
    <div class="menu">
      <nuxt-link :to="{ path: '/', hash: '#home' }">
        link
      </nuxt-link>
    </div>
    <div style="height: 3000px">placeholder</div>
  </div>
</template>

问题是，它不起作用。点击浏览器中的 url 更改为localhost:3000/#ciao或。localhost:3000/#home但这种观点并没有改变。

我还需要在 nuxt 中设置其他东西才能使锚点导航正常工作吗？