解决Vue跳转到当前路由报错问题
生活随笔
收集整理的這篇文章主要介紹了
解决Vue跳转到当前路由报错问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、問題背景
官網首頁Herder鼠標懸浮有很多二級頁面,點擊二級頁面會進行跳轉,當我已經在一個二級頁面時,點擊頂部導航中當前二級頁面的其中一個狀態(其實可以用三級頁面,但是因為內容不多,我將一些內容寫在了同一個二級頁面通過一個參數來區分當前顯示的什么內容)- 頁面路由不變,params改變,這個時候因為router頁面棧中已經存在了一個當前頁面,此時再push一個當前路由就會報錯
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:*******
二、解決辦法
router.js中增加下面代碼:
const VueRouterPush = VueRouter.prototype.push VueRouter.prototype.push = function push (to) {return VueRouterPush.call(this, to).catch(err => err) }齊活! 親測有效!
總結
以上是生活随笔為你收集整理的解决Vue跳转到当前路由报错问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (html+css)静态小米闪购主页仿制
- 下一篇: Vue报错:Elements in it