vue-router在3.0版本以上重复点击菜单报错的问题

一，现象

二，原因

脚手架中使用this.$router.replace(path)进行路由跳转的时候，返回一个Promise对象，发生未捕获的异常

三，处理办法：

import VueRouter from 'vue-router'
//避免vue-router在3.0版本以上重复点击菜单报错的问题
const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}

vue-router在3.0版本以上重复点击菜单报错的问题相关推荐

yolov5的3.0版本代码在训练的时候报错：ImportError: cannot import name ‘amp‘ from ‘torch.cuda‘ 以及yolov5的3.0环境安装
欢迎大家关注笔者,你的关注是我持续更博的最大动力原创文章,转载告知,盗版必究 yolov5的3.0版本代码在训练的时候报错:ImportError: cannot import name 'amp' ...
解决vue element导航重复点击路由报错
报错:重复点击左侧导航栏的首页,出现报错解决方法:以下的两种一样,只是文件类型不一样 1.js写法 import Router from 'vue-router' Vue.use(Router) c ...
vue重复点击路由报错，解决NavigationDuplicated: Avoided redundant navigation to current location: 问题
vue项目中重复加载当前路由会报错, 解决方法:找到项目中的router文件,在里面添加代码,修正Vue原型上的push和replace方法 (注意vue-router的引入名称) // 缓存原型上的 ...
解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated
直接在路由router文件夹下加上下面代码: import routes from './router'方法一: const originalPush = Router.prototype.push ...
vue3.x 重复点击路由报错
这个报错是重复路由引起的. 在 route 文件夹下的 index.js 中修改需要给VueRouter里面自己重写 push 和 replace 方法 const originalPush = V ...
vue项目中出现重复点击路由报错
故心故心故心故心小故冲啊文章目录解决方法: 解决方法: 方法1:在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可: 方法2:不想更换 vue-router ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
vue vue-router ElementUI导航栏重复点菜单报错问题
在使用Element-UI中的导航时,默认情况下如果重复点击某选项,会报错. 可以在router的配置文件中(router -> index.js)加上下面这句话,注意位置: //router/ ...
Vue报错Error: Avoided redundant navigation to current locatiton 重复点菜单报错问题
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 //路由页面添加以下代码: const originalPush = Router.prototype.push ...
vue重复访问同一路由报错
vue重复访问同一路由报错 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 重写router的push ...

vue-router在3.0版本以上重复点击菜单报错的问题

一，现象

二，原因

三，处理办法：

vue-router在3.0版本以上重复点击菜单报错的问题相关推荐

最新文章

热门文章