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':'測試組'})
   })