vue路由参数的获取、添加和替换

获取路由参数

getUrlKey(name){//获取url 参数
        return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null;
      },

　　修改和新增路由参数

1. 安装依赖

   npm i webpack-merge
   

   　　

2. 引入

   import merge from 'webpack-merge';
   

   　　

3. 引用

   this.$router.push({    //修改原有参数
       query:merge(this.$route.query,{'id':'1'})
   })
   
   this.$router.push({    //新增一个参数
       query:merge(this.$route.query,{'teamName':'开发组'})
   })
   
   this.$router.push({    //替换所有参数
       query:merge({},{'teamName':'测试组'})
   })
   

   　　

来源：https://www.cnblogs.com/dinghaoran/p/12165396.html