vue-router如何实时地址不变,动态替换路由参数(地址栏参数)

动态替换和修改URL的参数,可使用webpack-merge包来完成
1.安装 npm install webpack-merge -D
2.引用: import merge from 'webpack-merge'
3.使用方法:

1⃣️新增一个id

 this.$router.push({
    query:merge(this.$route.query,{'id':'123'})
})
2⃣️ 修改id
this.$router.push({
    query:merge(this.$route.query,{'id':'456'})
})
3⃣️ 替换所有id
this.$router.push({
    query:merge({},{'userId':'xxx123456'})
})

最后再加上location.reload(),刷新一下当前页面就跳转过来了

特别感谢一下博主:https://www.jianshu.com/p/b9e...

你可能感兴趣的:(vue-router如何实时地址不变,动态替换路由参数(地址栏参数))