vue-router重写Router.prototype.push,解决相同路径跳转的报错问题
vue-router的问题
·
在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);
更多推荐
已为社区贡献4条内容
所有评论(0)