vue路由传值，修改地址栏参数而不刷新页面

问题：第一次打开页面A列表传参进去，为了避免在A页面点详情后返回到列表，再次被路由传参所影响，所以要去掉地址的传参。

方式一.query修改参数方法（建议）

updateUrl() {
  // 获取当前URL
  var url = window.location.href;
  // 修改query参数
  var newQuery = "foo=bar&baz=qux";
  // 拼接新的URL
  var newUrl = url.split('?')[0] + '?' + newQuery ;
  // 修改地址栏URL
  history.pushState(null, null, newUrl);
},

方式二：params修改参数方法

updateUrl(newPage) {
   // 获取当前URL
   let url = window.location.href
   // 将url转为数组格式
   let urlArray = url.split('/')
   // 更改对应数值
   urlArray.splice(urlArray.length-1,1,newPage);
   // 修改浏览器历史记录中的当前状态，并同时改变地址栏的URL，而不会刷新页面
   history.pushState(null, null, urlArray.join('/'));
},

注意：此方法页面刷新后，地址栏中不存在的参数都会还原成默认值