vue router重复点击报错:NavigationDuplicated 的解决方法

在这里插入图片描述
今天使用的时候报了这个错误,重新装了node_modules包也没办法解决,网上查了一下解决方法很简单,直接附上两段代码,因为我使用push没有生效所以我使用了replace方法,写在main.js文件中就可以了。

import Router from 'vue-router'
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}
import Router from 'vue-router'
// 修改路由replace方法,阻止重复点击报错
const originalReplace = VueRouter.prototype.replace;
VueRouter.prototype.replace = function replace(location) {
  return originalReplace.call(this, location).catch(err => err);
};

原文参考地址:https://blog.csdn.net/weixin_43202608/article/details/98884620

你可能感兴趣的:(vue router重复点击报错:NavigationDuplicated 的解决方法)