美文网首页斯诺技术分享
vue-router 报错、:Avoided redundant

vue-router 报错、:Avoided redundant

作者: 小哪吒 | 来源:发表于2021-04-27 14:44 被阅读0次

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/goodsList".

在用vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错

image.png

这个报错是重复路由引起的
只需在注册路由组建后使用下方重写路由就可以

import Router from 'vue-router';
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}
image.png image.png

相关文章

网友评论

    本文标题:vue-router 报错、:Avoided redundant

    本文链接:https://www.haomeiwen.com/subject/meourltx.html