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

Question

我在使用vue-router-query时遇到问题，我正在使用click事件导航到过滤页面并将URL查询附加到它，这是方法中发送的查询功能

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

“ this.query”是保存所有查询数据的对象，因此，在单击按钮并运行方法搜索之后，他导航到过滤器页面，并且此URL localhost/query?data=1现在是我可以解决的问题如果我想向未更新URL的对象中添加其他元素，请更新data查询，这里是过滤器页面搜索方法，

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

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

我在这里想要做的只是更新查询URL，我尝试了一些解决方案，但无法像该URL Click Here一样工作，并且还尝试使用replace而不是{ push中的{1}}

Answer 1

尝试一下：

present(alert, animated: true)