vue-router路由重复点击时报错的解决方案

1.报错

2.解决方法

在router文件的index.js中添加如下代码：

// 注：VueRouter就是文件中引入的路由对象
// Handle navigation duplication error for router push (Globally)
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {return originalPush.call(this, location).catch(() => {});
};

vue-router路由重复点击时报错的解决方案相关推荐

VUE router 导航重复点击报错的问题解决两种方案
VUE router 导航重复点击报错的问题解决两种方案前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家 ...
Vue-Router 路由重复点击时报错 Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to curr
前言总结一下,在项目中遇到的一个小问题,使用 Vue 构件的项目里,有时候会存在重复点击路由报错的问题,Uncaught (in promise) NavigationDuplicated:Av ...
vue 菜单路由重复点击报错
解决方法: 在当前页面添加: import Router from 'vue-router' const originalPush = Router.prototype.push; Router.pr ...
vue 解决路由重复点击报错
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) {return or ...
NavigationDuplicated vue-router 路由重复点击报错的问题
NavigationDuplicated vue-router 路由重复点击报错的问题 1.新版本router的问题, 解决:降版本即可 npm i vue-router@3.0 -S 2.使用新版本 ...
Vue路由重复点击报错解决
Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current ...
vue 当前路由重复点击跳转报错
当菜单路由重复点击时,会出现以下报错: 虽然没有什么影响(不知道深层有什么影响,页面运行反正没啥问题),但是有个报错看着就毕竟闹心. 有以下解决方案: router配置中添加代码块不再报错 // 解决 ...
同一个路由重复点击报错的解决方法
1.现在路由参数那里给一个随机数 let query={random:Math.random()} this.$router.push({path: '/user', // path路径query:q ...
Vue-Router路由重复点击报错
在练习vue-router时遇到一个小问题:路由重复报错vue-router.esm.js?3423:2046 Uncaught (in promise) NavigationDuplicated: ...

vue-router路由重复点击时报错的解决方案

1.报错

2.解决方法

vue-router路由重复点击时报错的解决方案相关推荐

最新文章

热门文章