Vue路由重复点击报错解决
Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX,虽然不影响运行结果,但最好还是处理一下。局部处理局部处理是指对单个路由进行处理,其他的路由依旧报错。在路由跳转的push语句中添加catch捕捉错误所以原来的路由跳转改为以下
·
Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX,虽然不影响运行结果,但最好还是处理一下。
局部处理
局部处理是指对单个路由进行处理,其他的路由依旧报错。
在路由跳转的push语句中添加catch捕捉错误
所以原来的路由跳转改为以下代码:
toecharts(){
this.$router.push({
path:'/echarts'
}
).catch(err => {}) //添加catch捕捉错误
}
全局处理
全局处理是指对所有路由进行处理。
在main.js文件添加以下代码(代码直接复制就好,无需改动)
import Router from 'vue-router'
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
更多推荐
已为社区贡献3条内容
所有评论(0)