Nuxt Vue router / Element 重复点击导航路由报错解决方法

Nuxt Vue router / Element 重复点击导航路由报错解决方法

写 Vue 项目中,使用 Element-ui 重复点击导航路由会报错,虽然影响项目运行,但是控制台会报错的,强迫症的我表示浑身难受。所以查了很多方法,总结一下两种方法吧。

方法1:在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可;

提示:vue-router 官方在 2019-08-06 推出的 vue-router@3.1.1 已经修复了此 bug

方法2:不想更换 vue-router 的版本亦可,在 main.js 或 router.js 中添加以下代码:


import Router from 'vue-router'
 
// 解决重复点击导航路由报错
const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err);
}

在网上的方法第二种多一些, 但是我自己用第二种项目就崩了 ,这真是让人头大,所以采用了第一种非常好用, 并且升级后也没有发现影响其他的。

未经允许不得转载:小月博客 » Nuxt Vue router / Element 重复点击导航路由报错解决方法
微信公众号
关注我们,每天及时接收最新的学习资料
12000人已关注
分享到:
赞(4) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏