最近在写项目的时候发现一个问题,就是在重复点击路由跳转的情况下,会报错Avoided redundant navigation to current location: “/XXX“

这是vue router3.0的一个问题。

解决办法:直接打开你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)
}

在这里插入图片描述

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐