【问题标题】:Vue router push not updating the query in nuxtVue路由器推送不更新nuxt中的查询
【发布时间】:2020-02-23 14:40:22
【问题描述】:

我对 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 而不是 push 987654330@

【问题讨论】:

    标签: javascript vue.js vue-router nuxt.js


    【解决方案1】:

    试试这个:

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

    【讨论】:

    • 当我重新加载页面时工作得很好但是当我去路由到其他路由器时不会更新查询 URL 这是我的页面结构`---页面-查询-索引`
    • 问题this.query 是一个子组件的道具,问题中的这些功能在这个子组件中,并尝试通过路由器路径更新查询 URL,它有效,但我知道它是不是解决方案,所以你能告诉我如何将查询更新到同一条路线吗?
    猜你喜欢
    • 2019-01-06
    • 1970-01-01
    • 2021-06-11
    • 1970-01-01
    • 2021-05-08
    • 1970-01-01
    • 2018-01-04
    • 2021-01-27
    • 2020-02-16
    相关资源
    最近更新 更多