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

应用场景：

列表页筛选条件过多，下一页时需要保持原来的参数

1.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('/'));
},

2.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);
},

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