解決vue-router報NavigationDuplicated: Avoided redundant navigation to current location 的問題

時間 2020-12-13

標籤 javascript vue java vue-router this spa prototype code router blog 欄目 JavaScript 简体版

原文原文鏈接

最近寫項目的時候，重複點擊路由會在控制檯報
這樣的錯誤。

javascript

它的提示是避免到當前位置的冗餘導航。簡單來講就是重複觸發了同一個路由。
這個錯誤是 vur-router更新之後新出現的錯誤。（我使用的是 vue-router 3.2.0）出現的可是（vue-router 3.0.6) 沒有出現。可是也不排除是個人 3.0.6以前作過配置。
解決這個錯誤也很是簡單。只須要在router /index的頁面裏面加入

vue

const originalPush = VueRouter.prototype.push

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