编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出NavigationDuplicated的警告错误?（VueRouter3中的问题(vue2使用)，VueRouter4已修复(vue3使用)
注意:编程式导航（push|replace）才会有这种情况的异常
在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);版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/188444.html
