Vue-router 报错NavigationDuplicated的解决方法
时间：2022-06-15 10:21:11|栏目：vue|点击： 次
版本：3.1.x
报错原因：
使用push()、replace()进行导航时，不能重复导航到当前路由。
解决办法：
方法1：在定义路由的文件中router/index.js
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
return originalPush.call(this, location).catch(err => err)
}
const originalReplace = VueRouter.prototype.replace
VueRouter.prototype.repalce = function replace (location) {
return originalReplace.call(this, location).catch(err => err)
}
方法2：在调用push()、replace()方法时，catch
this.$router .replace(this.path) .catch(err => err)
说明：第一种方法好像对replace()没有作用。
上一篇：vue如何自定义封装API组件
栏 目：vue
本文标题：Vue-router 报错NavigationDuplicated的解决方法
本文地址：http://www.codeinn.net/misctech/204848.html
