关于vue-router:vuerouter如何实时地址不变动态替换路由参数地址栏参数

动静替换和批改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…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理