解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.

当我在写电商管理系统时，点击菜单栏进行路由跳转时，报一个关于路由的错误

element-ui.common.js?5c96:3374 Error: Navigation cancelled from "/admin" to "/users" with a new navigation.
at createRouterError (vue-router.esm.js?8c4f:2065)
at createNavigationCancelledError (vue-router.esm.js?8c4f:2047)
at eval (vue-router.esm.js?8c4f:2399)
at step (vue-router.esm.js?8c4f:2001)
at step (vue-router.esm.js?8c4f:2008)
at runQueue (vue-router.esm.js?8c4f:2012)
at eval (vue-router.esm.js?8c4f:2397)
at step (vue-router.esm.js?8c4f:2001)
at eval (vue-router.esm.js?8c4f:2005)
at eval (vue-router.esm.js?8c4f:2384)

解决方案

//路由导航守卫
router.beforeEach((to, from, next) => {//判断是否是登录页，如果是接着下一步if (to.path === '/login') return next()//    获取tokenconst tokenStr = window.sessionStorage.getItem('token')//判断token是否存在，if (!tokenStr) {return next('/login')}next()
})

检查自己在写导航守卫时最后是否多加了一个next（）,只需要去掉一个next（）即可

解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.相关推荐

解决 element ui 本地使用引入图标不显示 .ttf和.woff 报错问题
解决 element ui 引入在线地址更换为本地地址后 .ttf和.woff 报错问题原因因为文件内缺少两个文件根据控制台提示发现少了.ttf和.woff两个文件 1)element-ico ...
Uncaught (in promise) Error: Navigation cancelled from “/ad“ to “/result“ with a new navigation.
Uncaught (in promise) Error: Navigation cancelled from "/ad" to "/result" with a ...
Vue 篇解决ELement UI 中表单验证(多层Object嵌套)
项目场景: 提示:主要是在 Vue 框架中: 用 Element UI 提供的规则进行表单验证问题描述因为我 data 里面嵌套了多层 Object, 所以 Element UI 提供的表单验证没 ...
解决element UI 表格el-table增加列会震动抖动的问题
beforeUpdate(){this.$nextTick(() => {this.$refs.myTable.doLayout();}) }, 在element UI里面有一个doLayout ...
element-ui.common.js?5c96:22959 [Element Warn][Form]model is required for validate to work!
原因:el-form绑定的model属性没有添加或者写成了v-model造成了控制台报错且表单校验不能实现. 解决:使用el-form绑定的model属性,且应该写成 :model,非v-model.
elementui文本框换行_解决Element UI input输入框不能使用回车进行搜索
css怎么让输入框不显示光标? css怎么让输入框不显示光标?网上有很多方式:用div模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,最后还是找到一位大 ...
Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案
基本概念 Moment.js:JavaScript 日期处理类库解决方案 formatter="dateFormat"绑定一个 dateFormat方法 <el-table ...
如何解决element ui 表单resetFields 的indexOf报错
如图每个div包裹一个表单每个表单都有清空表单的resetFields方法第一个表单清空不报错第二个及其他都报错了. 我们可以点击去看看由此可以知道这个方法的原理. 我们再去打印一下this ...
解决element ui 使用container布局时，容器布满全屏
我们在使用官方的代码时,一般是无法直接布满屏幕的. 很显然,这不是我们想要的效果,我们要把它布满全屏解决代码如下: 实现效果:

解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.

当我在写电商管理系统时，点击菜单栏进行路由跳转时，报一个关于路由的错误

解决方案

解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.相关推荐

最新文章

热门文章