VUE 动态修改路由中query参数

在路由动态修改中，我们用到webpack-merge。
1.首先安装相关的依赖：

npm i webpack-merge

2.安装完依赖后，就在对应用到的页面里引用和调用

import merge from 'webpack-merge'；

//  当前路由为 /example?id=123&type=form
//  修改参数
this.$router.push({
    query:merge(this.$route.query,{'id':'234'})
})

//  新增参数
this.$router.push({
    query:merge(this.$route.query,{'time':'2023-05-15'})
})

//  替换掉所有参数
this.$router.push({
    query:merge({}, {'time':'2023-05-15'})
})