如何使用vuetify导航到同一页面中的不同部分？

Question

我尝试使用锚点的HTML方式：

<ul>
  <li><a href="#dashobard">Dashboard</a></li>
</ul>

我的目标是：

<v-card id="dashboard">
  <v-card-text class="document">
    Contract Details: lorem ipsum ...
  </v-card-text>
</v-card>

但问题是，当我点击仪表板链接时，它会在标题后面转到2行（在本例中为“合同细节”）。

我想知道是否有办法使用Vuetify这样做。我在他们的文档中找不到它。我也试过<v-card name="dashboard">，但结果相同。我是Vue和Vuetify的新手，所以任何帮助都会受到赞赏。

Answer 1

我终于弄明白了问题所在。由于我的navbar固定在顶部而我的内容将隐藏在navbar下面，所以我只需要在offset: -60中使用options并将其传递给它：

<li><a @click="$vuetify.goTo('#dashboard',options)">dashboard</a></li>

我的navbar身高是64px。