vue-router 升級到3.1.x 后，重復(fù)點擊導(dǎo)航時窄做，控制臺出現(xiàn)報錯 队询，雖然不影響功能使用，但也不能視而不見泼差。
報錯信息
報錯原因
vue router ≥ v3.1 后 贵少，回調(diào)形式改成promise api了，返回的是promise堆缘，如果沒有捕獲到錯誤滔灶，控制臺始終會出現(xiàn)如上圖的警告。
解決方法
【方法一】降低版本
npm i vue-router@3.0 -S
【方法二】在router文件夾下增加下列代碼
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)
}
【方法三】捕獲異常
// 捕獲router.push異常
this.$router.push(route).catch(err => {
console.log('輸出報錯',err)
})
【方法四】補齊router第三個參數(shù)
// 補齊router.push()的第三個參數(shù)
this.$router.push(route, () => {}, (e) => {
console.log('輸出報錯',e)
})
