[vue-router]解决重复点击导航时，控制台出现报错

九镑十七便士

于 2025-05-15 14:49:14 发布

阅读量149

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45467707/article/details/147983065

vue 专栏收录该内容

2 篇文章

订阅专栏

重复跳转相同路由时控制台会报错:
Avoided redundant navigation to current location: “/xxx”,
此时需要对router文件进行修改

import Router from 'vue-router';

// push
const VueRouterPush = Router.prototype.push;
Router.prototype.push = function push(to) {
  return VueRouterPush.call(this, to).catch(err => err);
};
// replace
const originalReplace = Router.prototype.replace;
Router.prototype.replace = function push(location, onResolve, onReject) {
  if (onResolve || onReject) {
    return originalReplace.call(this, location, onResolve, onReject);
  }
  return originalReplace.call(this, location).catch(err => err);
};