使用Vue路由器的哈希

我有一个包含多个锚定标记的页面:

<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;
}

/my-route#my-hash 使用vue和vue路由器?