VUE-Router之解决 Navigating to current location (XXX) is not allowed

VUE-Router之解决 Navigating to current location ("/index/list2") is not allowed

错误代码：

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/index/list2") is not allowed", stack: "Error↵    at new NavigationDuplicated (webpack-int…al:///./node_modules/vue/dist/vue.esm.js:1862:26)"}

操作：
在vue项目中点击两次路由切换

原因：
多次点击跳转同一个路由是不被允许的

解决方案（两种）：
1.降低版本：切换版本回3.0版本
2.重写规则：在你引了vue-router的js文件里加上如下代码即可（我的在index.js文件）

import Vue from 'vue'  //如果已引用，不需要重复引用
import Router from 'vue-router'; //如果已引用，不需要重复引用
Vue.use(Router) //如果已引用，不需要重复引用//push
const VueRouterPush = Router.prototype.push
Router.prototype.push = function push (to) {return VueRouterPush.call(this, to).catch(err => err)
}//replace
const VueRouterReplace = Router.prototype.replace
Router.prototype.replace = function replace (to) {return VueRouterReplace.call(this, to).catch(err => err)
}

打赏

谢谢对小女子的关注，我会坚持更新我所遇到的bug及解决方案。要觉得小女子写得还行，可以打赏些小费的哟~

VUE-Router之解决 Navigating to current location (XXX) is not allowed相关推荐

解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题参考文章: (1)解决vu ...
解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题(点击多次跳转)
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转) 参考文章: ...
Vue 项目路由出现 message: “Navigating to current location (XXX) is not allowed“的问题
message: "Navigating to current location (XXX) is not allowed" 原因: 在路由中添加了相同的路由解决: 重写路由的p ...
解决vue项目路由出现message: Navigating to current location (XXX) is not allowed的问题
今天在写一个后台界面的时候,出现了这个报错,Navigating to current location ("/userslist") is not allowed问题. &quo ...
vue路由报错Navigating to current location (“/login“) is not allowed踩坑总结
.在我添加"未登录"判断后,想自动跳转到登录页.但是遇到了问题: Navigating to current location ("/login") is no ...
解决 Navigating to current location (/userslist) is not allowed问题。
今天在写一个后台界面的时候,出现了这个报错,Navigating to current location ("/userslist") is not allowed问题. &quo ...
解决vue项目出现Navigating to current location (XXX) is not allowed 报错
出现原因:在当前路由,重复点击了当前路由 "Navigating to current location ("/某路由") is not allowed" 解决 ...
vue项目报错Navigating to current location (/cancell) is not allowed
先截个图,控制台报错如上.不影响功能,但是看着膈应. 百度了下,这个问题是由于连续点击相同路由导致的.vue-router未处理这个问题. 解决方式 :自己捕捉错误一. this.$router.p ...
vue项目路由 Navigating to current location (/xxxx) is not allowed
在使用vue构建项目的时候为了控制页面刷新后路由和界面保持在原来的位置加了 reloadRouter(path) {this.$router.replace({path: path,query: { ...

VUE-Router之解决 Navigating to current location (XXX) is not allowed

VUE-Router之解决 Navigating to current location ("/index/list2") is not allowed

打赏

VUE-Router之解决 Navigating to current location (XXX) is not allowed相关推荐

最新文章

热门文章