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