vue-router 報錯:Navigation cancelled from“/...“ to “/...“ with a new navigation.


image-20201209145236944

vue-router@3.0版本及以上回調形式已經改成promise api的形式了,返回的是一個promise,如果路由地址跳轉相同, 且沒有捕獲到錯誤,控制台始終會出現如圖所示的警告 (注:3.0以下版本則不會出現以下警告!!!,因路由回調問題…)
*

怎么解決呢?

方案一:
安裝vue-router3.0以下版本:先卸載3.0以上版本然后再安裝舊版本 npm install vue-router@2.8.0 -S

方案二:
針對於路由跳轉相同的地址添加catch捕獲一下異常:this.$router.push(’/location’).catch(err => { console.log(err) })

方案三:
在main.js下注冊一個全局函數即可 (注:此處理方案只針對於vue-router 3.0以上版本哈!!!)

import Router from 'vue-router'

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

注:官方vue-router@3.0及以上新版本路由默認回調返回的都是promise,原先就版本的路由回調將廢棄!!!!

參考:https://blog.csdn.net/weixin_47084275/article/details/108205775


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM