解决vue修改路由的查询字符串,queryurl不改变,页面不刷新问题
我个人猜测可能是对路由的数据检测深度不够吧,单纯修改query里面的属性是不能触发数据驱动的,因此要直接给query赋值新的对象才能驱动数据更新,做法如下
第一种
var query=JSON.parse(JSON.stringify(this.$route.query)) query. this.$router.push({path:'/url',query:query})
第二种
var query={id:'123456'} this.$router.push({path:'/',query:query})
两种方法都大同小异,原理都是给query新的对象,而不是修改query的属性值,因为query本质是一个对象地址,指向存放这个对象的堆空间,堆空间改变,query值并没有改变,因此route会认为数据没有改变而没有更新路由。
- 上一篇 »javascript获取查询字符串的值
- 下一篇 »php查询字符串是否存在 strpos