网站名称网络公司,网站模板建站平台!

您现在的位置: 首页 >  站长学院 >  前端教程 >

如何解决vue-router报Avoided redundant navigation to current location 错误?

来源:未知 发布时间:2020-11-27 20:21:54热度:119 ℃
我们在用vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错,简称路由重复,如下图...

我们在用vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错,简称路由重复,如下图:

如何解决vue-router报Avoided redundant navigation to current location 错误?

上图的报错就是重复路由引起的,如何解决vue-router报Avoided redundant navigation to current location 路由重复错误呢?

只需在注册路由组建后重写路由就可以,具体代码如下:

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

如何解决vue-router报Avoided redundant navigation to current location 路由重复错误呢?


本文地址:http://xzw.yvip8.cn/zhan/q/29.html

    标签: vue-router