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

555 阅读1分钟

1.params修改参数方法

      // 获取当前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修改参数方法

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