解决vue修改路由的查询字符串（query）url不改变，页面不刷新问题

Posted 2021-12-08 shuen

我个人猜测可能是对路由的数据检测深度不够吧，单纯修改query里面的属性是不能触发数据驱动的，因此要直接给query赋值新的对象才能驱动数据更新，做法如下

第一种

 var query=JSON.parse(JSON.stringify(this.$route.query))
query.id="success"
this.$router.push({path:‘/url‘,query:query})

 

第二种

var query={id:‘123456‘}
this.$router.push({path:‘/‘,query:query})

两种方法都大同小异，原理都是给query新的对象，而不是修改query的属性值，因为query本质是一个对象地址，指向存放这个对象的堆空间，堆空间改变，query值并没有改变，因此route会认为数据没有改变而没有更新路由。