标签:而不是 两种 直接 不刷新 query class this div 页面
我个人猜测可能是对路由的数据检测深度不够吧,单纯修改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会认为数据没有改变而没有更新路由。
解决vue修改路由的查询字符串(query)url不改变,页面不刷新问题
标签:而不是 两种 直接 不刷新 query class this div 页面
原文地址:https://www.cnblogs.com/shuen/p/10929837.html