VUE动态改变路由的参数

在日常开发时，有时候需要更新路由中的某些参数，用到的方法是router.push()或router.replace()，用前者会记录到历史的路径，而后者不会。调用方法的前提，是不需要改变路径，所以，在方法中传入query就可以(假设router是挂在了VUE的原型下)，如下：

this.$router.push({ query: { status: 1 } })

用以上的方法是完全改变了参数里的值，而有时候需要改变其中一个值，这时要注意不能通过this.$route.query.status=1改写后再重新赋值给query，这是不会改变路由的。像 let params = this.$route.query; params.status = 1;this.$router.push({ query: params });这种方式是无效的，需要让query指定为另外一个对象。实现如下：

let query = Object.assign({status: 1}, this.$route.query )

this.$router.push({ query})