vue-router重写Router.prototype.push,解决相同路径跳转的报错问题

在router的index.js里面写,在use之前,如果加上以下代码,报错‘Cannot read properties of undefined (reading ‘catch’) at VueRouter.push ’那就是vue-router的版本问题,安装高一点的版本即可3.1.6以上

// 保存原来的push函数
const originalPush = Router.prototype.push;
// 重写push函数
Router.prototype.push = function push(location) {
  // return originalPush.call(this, location).catch(err => err);

  // 这个if语句在跳转相同路径的时候,在路径末尾添加新参数(一些随机数字)
  // 用来触发watch
  if(typeof(location)=="string"){
    var Separator = "&";
    if(location.indexOf('?')==-1) { Separator='?'; }
    location = location + Separator + "random=" + Math.random();
  }
 
  // 这个语句用来解决报错
  // 调用原来的push函数,并捕获异常
  return originalPush.call(this, location).catch(error => error);
};
Vue.use(Router);

 

posted on 2022-11-27 23:51  静以修身俭以养德  阅读(418)  评论(0编辑  收藏  举报

导航