vue 静默修改url地址防止刷新页面的时候页面还是创建页面的状态

 在创建一个活动的时候，在保存了即创建成功了之后，页面应该属于编辑的状态，不然用户手动刷新页面，页面依然处于创建状态，

qs是一个库，将地址栏参数序列化

 var url=this.$route.path
        var query=that.$router.history.current.query
        query.isEdit=true
        query=JSON.parse(JSON.stringify(query))
        var newUrl=qs.stringify(query)
        that.$message({
          message: "保存成功",
          type: "success"
        });
        window.history.replaceState("", "", url+'?'+newUrl);

在不刷新页面的情况下修改浏览器url链接的需求，考虑到可以通过history.pushState()解决。现在将我理解的一些内容分享一下，不对的地方欢迎大家指出。

　　在使用方法前首先需要了解它的兼容性，history.pushState()存在一定的兼容性问题，可以通过 https://caniuse.com/#search=pushState 查看支持的浏览器版本。

　　history.pushState(stateObject, title, url);

　　history.pushState()主要是在不刷新浏览器的情况下，创建新的浏览记录并插入浏览记录队列中。