vue-router相同路徑跳轉報錯，重寫replace方法。

修改router文件夾下index.js

import Vue from 'vue'

import VueRouter from "vue-router";

// 點擊左側菜單欄中的項，重復點擊時會報錯，解決這個問題

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {

return originalPush.call(this, location).catch(err => err)

}

Router.prototype.replace = function replace(location) {

return originalPush.call(this, location).catch(err => err)

}

推薦閱讀更多精彩內容

• vue-router重寫push方法，解決相同路徑跳轉報錯

  問題描述：當頁面再次進入同一個路由地址時，控制臺報錯 大概的意思是不允許導航到當前位置。 主要依賴環境版本：vue...

  從心開始_c9ba閱讀 15,390評論 4贊 6
• 解決路由跳轉報錯Navigation cancelled from "/login" to "...

  import Vue from 'vue'import Router from 'vue-router' Vue....

  袁猿源閱讀 8,910評論 0贊 0
• 解決vue-router重復點擊報錯問題

  #1 在router的index.js里面加入以下代碼 ``` const originalPush = Rout...

  So_50ec閱讀 1,345評論 0贊 1
• Vue 路由跳轉報錯 Error: Avoided redundant navigation ...

  在router文件夾下的index.js中加入下列代碼即可解決 const originalPush = VueR...

  開心就hao閱讀 532評論 0贊 0
• 路由相同路徑報錯問題解決

  //router.js加入const originalPush = Router.prototype.pushRo...

  一個健康馬閱讀 597評論 0贊 0