场景复现: 在Vue中使用多个组件(模块)的时候,需要动态的去改变url的参数,以便保证用户刷新的同时,依然停留在当前访问的地方,且页面不会重载 / 刷新。
const query = this.$route
let path = query.path
let query = query.query // 这里可以用Vue的方法获取参数,也可以用正则的方法获取url中的参数
// !!!!不推荐使用push的方式进行更新路由参数这样会增加路由的历史记录 (浏览器的后退键被破坏)
// this.$router.push({path, query})
// 推荐使用
this.$router.replace({path, query}) // 更新url上面的内容,且页面不会重载 / 刷新