Vue3.0版本以上路由跳转控制台报错调整


//报错信息

Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/index") is not allowed", stack: "Error↵    at new NavigationDuplicated (webpack-int…node_modules/vue/dist/vue.runtime.esm.js:2178:14)"}

1.调整方法: 在main.js 或者router.js中写一个方法
在哪里引入import Router from 'vue-router'
就在哪里写这个方法
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

2.
针对于路由跳转相同的地址添加catch捕获一下异常:this.$router.push('/home').catch(err => { console.log(err) })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM