时间戳

首页 > 解决方案 > Vue路由器推送不更新nuxt中的查询

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

问题描述

我对 vue-router-query 有问题我正在使用单击事件导航到过滤页面并将 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而不是pushin$router

标签： javascriptvue.jsvue-routernuxt.js

解决方案

尝试这个：

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

推荐阅读