Vue Router 修改query参数 url 参数没有变化问题

65 阅读 0 评论 43 点赞

我是靠谱客的博主高高黑猫，最近开发中收集的这篇文章主要介绍Vue Router 修改query参数 url 参数没有变化问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

正常情况下

this.$router.push({
query:{}
})
this.$router.replace({
query:{}
})

就可以修改了
但是当已有query对象里面修改其中一个值，就会发现虽然this.$route.query发生改变但是浏览器的url上的参数并没有发生变化，尝试将已有的参数进行深拷贝突然发现就可以了

let newQuery= JSON.parse(JSON.stringify(this.$route.query));
newQuery.index = 2;
this.$router.replace({
query: newQuery
})

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。