如何使用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>

但是问题是，当我单击“仪表板”链接时，标题后面会出现两行（在本例中为“合同详细信息”）。

我想知道是否有一种使用Vuetify做到这一点的方法。我在他们的文档中找不到它。我也尝试过<v-card name="dashboard">，但结果相同。我是Vue和Vuetify的新手，所以我们将不胜感激。

Answer 1

我终于弄清楚了问题所在。由于我的navbar固定在顶部，并且我的内容隐藏在navbar的下面，因此我要做的全部工作就是在offset: -60中使用options并像这样传递它：< / p>

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

我的navbar的高度为64px。