Vue-router跳转相同路由传参不同页面不刷新问题

codeMing_

于 2024-10-24 16:21:02 发布

阅读量742

点赞数 1

文章标签： 1024程序员节 vue.js

本文链接：https://blog.youkuaiyun.com/q879936814/article/details/143212290

版权

项目需要打开多个详情页签，发现切换页签时url中传参变了（params传参），但是页面没变化，还是展示之前内容；

打了断点发现详情页签切换的时候页面没有执行生命周期，也就是还是同一页面，这就可以用watch监听路径解决了；

先重写router.push

/** 解决跳转重复路由报错问题 */ 
const routerPush = router.push;
router.push = path => {
  // 判断下当前路由是否就是要跳转的路由
  // if (router.currentRoute.fullPath.includes(path)) return;
  return routerPush.call(router, path);
}