admin管理员组

文章数量:1612060

标题解决:VUE项目Avoided redundant navigation to current location的问题

这是vue3.0路由重复点击导致的报错,不影响页面正常跳转但是对于程序员看到红色就难受的代码洁癖来讲还是忍受不了的

解决方式
1、查看router的版本是否为3.0,不是的话,在项目目录下运行 npm i vue-router@3.0 -S 或者 yarn add vue-router@3.0 -S 将vue-router改为3.0版本,也可以直接在package.json文件修改配置,然后重新安装依赖就好;

2、直接打开你router目录下的index.js文件,复制下面代码,添加到底部就行

// 解决导航栏中的vue-router在3.0版本以上重复点菜单报错问题
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}



注意Router别名要一致

本文标签: 项目AvoidedvueredundantLocation