vue-router如何实时动态替换路由参数(地址栏参数)

import merge from 'WEBpack-merge';
//如果路由没有参数name,就新增一个参数，如果有的话，就是修改name的值
//可以修改多个参数
this.$router.push({
    query:merge(this.$route.query,{'name':'小米'})
});
this.$router.replace({
  query: merge(this.$route.query, {'name':'小米'})
});
this.$router.push({
   query: merge(this.$route.query, {
     'name': '小米',
     'age':'9'
   })
 });
 
this.$router.replace({
   query: merge(this.$route.query, {
     'name': '小米',
     'age':'9'
   })
 });
//替换所有的参数
this.$router.push({
    query:merge({},{'name':'小米'})
}) 
this.$router.replace({
    query:merge({},{'name':'小米'})
}) 

npm install webpack-merge --D

import merge from 'webpack-merge'

// 新增一个id
 this.$router.push({
    query:merge(this.$route.query,{'id':'123'})
})

// 修改id
this.$router.push({
    query:merge(this.$route.query,{'id':'456'})
})

// 替换所有参数为userId
this.$router.push({
    query:merge({},{'userId':'xxx123456'})
})