原因：

vue-router 升級(jí)到 3.1.x 后，重復(fù)點(diǎn)擊導(dǎo)航時(shí)，控制臺(tái)出現(xiàn)報(bào)錯(cuò) ，vue router ≥ v3.1 后 ，回調(diào)形式改成 promise api 了，返回的是 promise，如果沒(méi)有捕獲到錯(cuò)誤，控制臺(tái)始終會(huì)出現(xiàn)警告。

解決方法：

1在 router 文件夾下 重寫(xiě)push和replace方法：

// 先把VueRouter原型對(duì)象的push replace 方法保存一份 let originPush=VueRouter.prototype.push; let originReplace=VueRouter.prototype.replace; // 重寫(xiě)push方法 第一個(gè)參數(shù) VueRouter.prototype.push=function(location,resolve,reject){// console.log(this);//實(shí)例// 判斷如果成功或失敗回調(diào)已經(jīng)傳了if(resolve&&reject){// call 調(diào)用函數(shù)一次 改變this指向originPush.call(this,location,resolve,reject)}else{originPush.call(this,location,()=>{},()=>{})} }VueRouter.prototype.replace=function(location,resolve,reject){if(resolve&&reject){originReplace.call(this,location,resolve,reject)}else{originReplace.call(this,location,()=>{},()=>{})}

2補(bǔ)齊router.push()的第三個(gè)參數(shù)

this.$router.push(route, () => {}, (e) => {console.log('輸出報(bào)錯(cuò)',e)}

總結(jié)

以上是生活随笔為你收集整理的vue router连续点击多次路由报错根本原因和解决方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。