小5的前端笔记

Menu

关闭

[踩坑]vue当前路由更改页面参数重新加载

接到需求,vue详情页使用queryid调用详情,vue当前页右侧热门产品,点击更新 routeid,不刷新页面更新内容

点击事件通过route更新当前路由id

// 需要使用深拷贝 避免无法赋值
var newQuery = JSON.parse(JSON.stringify(this.$route.query))
newQuery.id = val.id
this.$router.replace({
  name:url,
  query:newQuery
})
// 在下面调用详情即可

主要的坑是需要深度拷贝才可以更改id

 

— 于 共写了247个字
— 文内使用到的标签:

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注