用Vue路由器散列

Question

我的页面上有多个锚标签：

<a name="my-link"></a>

然后，我试图像这样在页面的右侧生成指向这些位置的链接：

<li v-for="(item, index) in items" :key="index">
  <router-link :to="{hash:item.hash}">{{item.text}}</router-link>
</li>

但是，每当我这样做时，单击链接都会带我到页面顶部。我确实有像这样的代码，它确实起作用了：

<li v-for="(item, index) in items" :key="index">
  <a href="{hash:item.hash}">{{item.text}}</a>
</li>

这两种方式在重新加载页面或单击从以上两个模板生成的链接时都不会突出显示顶部导航栏的主要内容。我正在使用此CSS：

nav.top > ul > li > a:hover,
nav.top > ul > li > a.router-link-exact-active.router-link-active {
  background: #ee2012;
}

使用vue和vue路由器集成哈希/my-route#my-hash的正确方法是什么？