解决Vue多次点击同一个路由的Uncaught (in promise)问题
2023-06-13 09:13:11 时间
遇到问题
在升级了Vue-Router版本到到3.1.0及以上之后,多次点击同一个路由控制台会报Uncaught(in promise)的问题
解决方式
在router/index.js
文件中添加一段代码即可:
// 解决重复点击路由报错的BUG
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch((err) => err)
}
原因
vue-router的版本更新日志
v3.1.0版本里面新增功能:push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常
版权属于:。。。源 本文链接:https://www.findmyfun.cn/solve-the-problem-of-uncaught-in-promise-when-vue-clicks-the-same-route-many-times.html 转载时须注明出处及本声明。我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2py75w7904qok
相关文章
- vue、css修改滚动条样式
- 如何查看vue版本和vue/cli的版本
- (踩坑篇)vue element-ui resetForm()表单重置失效的问题
- Vue单页面应用
- 详解如何在vue项目中使用layui框架及采坑
- vue(17)vue-route路由管理的安装与配置
- vue 路由嵌套_vue路由实现方式
- Vs Code报错vue/multi-word-component-names
- vue优化之骨架屏
- VUE 路由切换白屏的问题
- vue路由懒加载的实现方式_vue-router路由模式
- vue路由嵌套,配置children嵌套路由
- 在线图书借阅网站( Python +Vue 实现)
- VUE系列 --- 网络模块axios(三)
- 【实用】Vue线上环境禁止打印console.log
- Vue路由嵌套控制台发出警告Named Route ‘Home‘ has a default child route. When navigating to this named route (:to
- IntelliJ IDEA使用 vue-cli 创建Vue项目
- VUE路由设置history模式刷新404处理
- Vue取消eslint语法限制
- 基于Vue的Redis网页设计(vue设计redis页面)
- 使用Vue从Redis获取数据(vue去redis取数据)