Vue js router：如何更改或更新点击事件的URL查询

Question

我正在尝试更改/更新导航中点击事件的路由器查询。但无论我做什么，点击事件都不会更改网址中的查询。

但是在vue in-component guard＆＃34; beforeRouteUpdate＆＃34;如果我是console.log（to.query.scrollto）;

，我会得到新的参数

也许有人有想法或更好的解决方案我可以解决这个问题吗？

这是我的意图：

  

myhomepage.de/?scrollto=about
  myhomepage.de/?scrollto=contact
  myhomepage.de/otherpage/?scrollto=about
  myhomepage.de/anotherpage/?scrollto=service
  ...

这些是我的设置：

路由器设置：

export default new Router({
mode: 'history',
base: __dirname,
routes: [
    {
        path: '/',
        name: 'home',
        component: Page
    },
    {
        path: '*',
        component: NotFound
    }]

}）

我的导航链接：

a(href="" @click.prevent="updateNav(item.key)") {{item.title}}

在我的方法中：

updateNav(query) {
    var data = Object.assign({}, this.$route.query);
    data['scrollto'] = query;
    this.$router.push({name: 'home', query : data });
    ...
}