Javascript Vue路由器推送不更新nuxt中的查询

我对vue路由器查询有问题我正在使用单击事件导航到筛选页面并将URL查询附加到该页面这是methods中的sent query函数

search(){
   this.$router.push({
     name: 'query',
     query: this.query
    })
}

“this.query”是保存所有查询数据的对象，因此在我单击按钮并运行方法搜索后，他导航到筛选页面，这是URL

localhost/query？data=1

现在的问题是，如果我想向对象添加URL未更新的其他元素，我无法更新

数据

查询筛选页面搜索方法

updateSearchUrl(){
    this.$router.push({
        name: 'query',
        query: this.query
    })
}

这是一样的，但我无法理解为什么它不起作用，但如果我尝试静态数据而不是动态对象，它就起作用了，所以我有点被困在这里，

this.$router.push

或从对象

查询

我在这里尝试的只是更新查询URL，我尝试了一些解决方案，但没有像此URL那样工作，还尝试在

$router

中使用

replace

而不是

push

，尝试以下操作：

this.$router.push({
    name: 'query',
    query: Object.assign({}, this.query)
})

试试这个：

this.$router.push({
    name: 'query',
    query: Object.assign({}, this.query)
})

---

当我重新加载页面时，这工作正常，但当我转到路由到其他路由器时，不会更新查询URL这是我的页面结构`--page--query--index`问题

就是这个。query

是一个子组件的道具，问题中的这些函数就在这个子组件中并尝试通过路由器路径更新查询URL，这是可行的，但我知道这不是解决方案，所以您能告诉我如何将查询更新到同一路由吗？当我重新加载页面时，这可以正常工作，但当我转到其他路由器时，不会更新查询URL这是我的页面结构`--page--query-index`problem

this.query

是子组件的一个道具，问题中的这些函数在这个子组件中，并尝试通过路由器路径更新查询URL。这是可行的，但我知道这不是解决方案，所以您能告诉我如何将查询更新到同一路由吗？