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

Question

我对vue-router-query有问题，我正在使用click事件导航到过滤页面，并将URL查询附加到该页面，这是方法中发送的查询函数

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

'this.query'是保存所有查询数据的对象，因此在单击按钮并运行方法搜索后，他导航到过滤器页面，并且此URL localhost/query?data=1现在是我无法更新的问题data查询是否要向URL未更新的对象添加其他元素，此处为过滤页面搜索方法，

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

是相同的，但是我无法理解为什么它不起作用，但是如果我尝试使用静态数据而不是动态对象，那么它将起作用，所以我很乐意将问题停在this.$router.push或对象中query

[我想在这里做的只是更新查询URL，我尝试了一些解决方案，但不能像该URL Click Here一样工作，并且还尝试在replace中使用push而不是$router ]

Answer 1

尝试一下：

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