vue-router相同路径跳转报错，重写replace方法。

修改router文件夹下index.js

import Vue from 'vue'

import VueRouter from "vue-router";

// 点击左侧菜单栏中的项，重复点击时会报错，解决这个问题

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {

return originalPush.call(this, location).catch(err => err)

}

Router.prototype.replace = function replace(location) {

return originalPush.call(this, location).catch(err => err)

}

推荐阅读更多精彩内容

• vue-router重写push方法，解决相同路径跳转报错

  问题描述：当页面再次进入同一个路由地址时，控制台报错 大概的意思是不允许导航到当前位置。 主要依赖环境版本：vue...

  从心开始_c9ba阅读 15,373评论 4赞 6
• 解决路由跳转报错Navigation cancelled from "/login" to "...

  import Vue from 'vue'import Router from 'vue-router' Vue....

  袁猿源阅读 8,908评论 0赞 0
• 解决vue-router重复点击报错问题

  #1 在router的index.js里面加入以下代码 ``` const originalPush = Rout...

  So_50ec阅读 1,345评论 0赞 1
• Vue 路由跳转报错 Error: Avoided redundant navigation ...

  在router文件夹下的index.js中加入下列代码即可解决 const originalPush = VueR...

  开心就hao阅读 532评论 0赞 0
• 路由相同路径报错问题解决

  //router.js加入const originalPush = Router.prototype.pushRo...

  一个健康马阅读 597评论 0赞 0