Vue-router報(bào)NavigationDuplicated錯(cuò)誤怎么辦

這篇文章給大家分享的是有關(guān)Vue-router報(bào)NavigationDuplicated錯(cuò)誤怎么辦的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

版本：3.1.x

報(bào)錯(cuò)原因：

使用push()、replace()進(jìn)行導(dǎo)航時(shí)，不能重復(fù)導(dǎo)航到當(dāng)前路由。

解決辦法：

方法1：在定義路由的文件中router/index.js

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

const originalReplace = VueRouter.prototype.replace
VueRouter.prototype.repalce = function replace (location) { 
 return originalReplace.call(this, location).catch(err => err)
}

方法2：在調(diào)用push()、replace()方法時(shí)，catch

this.$router
  .replace(this.path)
  .catch(err => err)

說(shuō)明：第一種方法好像對(duì)replace()沒(méi)有作用。

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)復(fù)雜的單頁(yè)應(yīng)用。

感謝各位的閱讀！關(guān)于“Vue-router報(bào)NavigationDuplicated錯(cuò)誤怎么辦”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！