首页 > 其他分享 >vue-router重写Router.prototype.push,解决相同路径跳转的报错问题

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

时间:2022-11-28 00:02:00浏览次数:66  
标签:vue router 报错 location 跳转 push Router prototype

在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);

 

标签:vue,router,报错,location,跳转,push,Router,prototype
From: https://www.cnblogs.com/superfeeling/p/16931070.html

相关文章