在新版本的vue-router中，重復(fù)點擊同一個路由會出現(xiàn)以下報錯 ：

?這個問題時vue-router 3.2.0版本的一個小Bug

有三種解決辦法：

第一種：

vue-router降級處理(不推薦)

npm i vue-router@3.0.7

第二種：

直接在push方法最后添加異常捕獲 （捕捉錯誤提示但不顯示）

@click="$router.push('/home/searchPopup').catch(err=>{})"

第三種：

直接修改原型方法push(推薦)

// 把這段代碼直接粘貼到router/index.js中的Vue.use(VueRouter)之前 const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function(location) {return originalPush.call(this, location).catch(err => {}) };

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。