[踩坑]vue当前路由更改页面参数重新加载
接到需求,vue
详情页使用query
传id
调用详情,vue当前页右侧热门产品,点击更新 route
的id
,不刷新页面更新内容
点击事件通过route
更新当前路由id
// 需要使用深拷贝 避免无法赋值
var newQuery = JSON.parse(JSON.stringify(this.$route.query))
newQuery.id = val.id
this.$router.replace({
name:url,
query:newQuery
})
// 在下面调用详情即可
主要的坑是需要深度拷贝才可以更改id