【问题标题】:How to change query parameters in vue without reloading component如何在不重新加载组件的情况下更改vue中的查询参数
【发布时间】:2021-05-27 17:27:35
【问题描述】:

如何在不使用 Vue-Router 重新加载 Vue 组件的情况下更改查询参数。但是推送新查询总是重新加载使我的 api 请求重新运行的组件

this.router.replace({query: {name: 'John'} })

【问题讨论】:

    标签: javascript vue-router vuejs3


    【解决方案1】:

    这个在 Nuxt 中运行良好,所以我猜它在 Vue(甚至 3)中也完全没问题。

    <button @click="$router.replace({ path: $route.path, query: { plan: 'private' } })">test</button>
    

    它将推送您当前所在的相同路径,但会更改其中的查询参数。

    取自官方文档:https://router.vuejs.org/guide/essentials/navigation.html

    【讨论】:

    • 您能更具体地说明您所做的更改吗?我已尝试显式分配当前路径(path: $route.path 部分),但它仍会重新加载组件。
    猜你喜欢
    • 2021-01-10
    • 1970-01-01
    • 2015-03-24
    • 1970-01-01
    • 2018-03-11
    • 1970-01-01
    • 2020-08-12
    • 2014-01-10
    • 2020-12-29
    相关资源
    最近更新 更多