vue-router如何實時地址不變,動態替換路由引數(位址列引數)

史晶晶發表於2022-11-24

動態替換和修改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...

相關文章