Vue路由重復點擊時會出現報錯 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX，雖然不影響運行結果，但最好還是處理一下。

局部處理

局部處理是指對單個路由進行處理，其他的路由依舊報錯。

在路由跳轉的push語句中添加catch捕捉錯誤

所以原來的路由跳轉改為以下代碼：

toecharts(){this.$router.push({path:'/echarts'}).catch(err => {}) //添加catch捕捉錯誤}

全局處理

全局處理是指對所有路由進行處理。

在main.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) }

總結

以上是生活随笔為你收集整理的Vue路由重复点击报错解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。