标签:vue redundant current 报错 location import push Router prototype
在vue项目中,当再次点击当前看路由时,会在控制台报如下警告:
Avoided redundant navigation to current location:"/xxx/xxx"
解决方法:
在router.js中添加如下代码
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
如果修改了push还是没有生效,那么可以尝试replace方法,例如:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const originalPush = Router.prototype.replace
Router.prototype.push = function replace(location) {
return originalPush.call(this, location).catch(err => err)
}
其原理和分析参考:参考
标签:vue,redundant,current,报错,location,import,push,Router,prototype 来源: https://www.cnblogs.com/dubayaoyao/p/14958004.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。