Vue项目代码改进（四）—— 在使用ElementUI时点击同一个路由，页面报错

这个不可描述的问题是：在使用ElementUI时点击同一个路由，页面报错。
错误代码如下：

element-ui.common.js?ccbf:3339 NavigationDuplicated {_
name: "NavigationDuplicated",
name: "NavigationDuplicated",
message: "Navigating to current location ("/users") is not allowed",
stack: "Error↵    at new NavigationDuplicated (webpack-int…e_modules/element-ui/lib/mixins/emitter.js:29:22)"}

问题描述出来就好办了，查询后修改router/index.js代码，增加：

const originalPush = Router.prototype.push
Router.prototype.push = function push (location) {return originalPush.call(this, location).catch(err => err)
}

搞掂

Vue项目代码改进（四）—— 在使用ElementUI时点击同一个路由，页面报错相关推荐

Vue项目代码改进（二）—— element-UI的消息显示时间修改
Message 消息提示 Options duration 显示时间, 毫秒.设为 0 则不会自动关闭 - 默认值3000 全局重写 element 的message 消息提示,修改时间,在main. ...
四种解决Vue中重复点击相同路由控制台报错问题（ Avoided redundant navigation to current location）
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
解决Vue中重复点击相同路由控制台报错问题
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...
vue项目代码改进（一）login组件
Login登录组件 1. 新增登录头像(css样式回顾) 1)div.avatar 2)子绝父相定位,left-top- 3)border 4)placeholder 5)box-shadow box ...
Vue项目代码改进（六）—— vue的mixins的使用
混入可以将不同组件的共同内容部分在一个混入对象中展示,然后通过在组件实例中混入这个对象,这样拥有这些属性的组件都可以调用混入对象中的属性名跟组件中的属性名冲突时,以组件自身的为基准举例:单文件组件 ...
Vue项目代码改进（三）—— Cookie、LocalStorage和SessionStorage的使用
存在问题: 如果在退出页面时,没有点击"退出"按钮,而是直接关闭页面,token并没有被清除,依然能通过访问http://localhost:8080/#/ 直接进入主页. 原因: ...
Vue项目代码改进（五）—— 将侧边栏菜单改造为动态后，如何按需显示不同图标
将侧边栏菜单改造为动态后,目前侧边栏每项的小图标都相同 <el-aside class="aside" width="200px"><el-c ...
VUE项目学习（四）：编写个人页面和配置路由
VUE项目学习(四):编写个人页面和配置路由 1.准备工作,下载vue项目先配置好node.js开发环境,并使用VUE-Cli下载好VUE项目,具体流程可以参考博客https://blog.csdn ...
vue项目代码格式不统一怎么办？一招教你解决
vue项目代码风格统一问题背景方案分析 1.在package.json中增加prettier的依赖以及运行脚本 2.修改.eslintrc.js,去除所有vue-cli自动生成的规范,自定义插件及 ...

Vue项目代码改进（四）—— 在使用ElementUI时点击同一个路由，页面报错

Vue项目代码改进（四）—— 在使用ElementUI时点击同一个路由，页面报错相关推荐

最新文章

热门文章