场景复现: 在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上面的内容,且页面不会重载 / 刷新


Logo

前往低代码交流专区

更多推荐