解决Vue中重复点击相同路由控制台报错问题

vue-router 升级到3.1.x 后，重复点击导航时，控制台出现报错，虽然不影响功能使用，但也不能视而不见。

报错信息

报错原因

vue router ≥ v3.1 后，回调形式改成promise api了，返回的是promise，如果没有捕获到错误，控制台始终会出现如上图的警告。

解决方法

【方法一】降低版本

npm i vue-router@3.0 -S

【方法二】在router文件夹下增加下列代码

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

【方法三】捕获异常

// 捕获router.push异常
this.$router.push(route).catch(err => {console.log('输出报错',err)
})

【方法四】补齐router第三个参数

// 补齐router.push()的第三个参数
this.$router.push(route, () => {}, (e) => {console.log('输出报错',e)
})

解决Vue中重复点击相同路由控制台报错问题相关推荐

四种解决Vue中重复点击相同路由控制台报错问题（ Avoided redundant navigation to current location）
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
java 中for循环中重复定义的变量为什么不报错？
java 中for循环中重复定义的变量为什么不报错? public class Test1 {public static void main(String[] args) {int[] arr = ...
解决vue项目中重复点击导航路由报错
vue版本 "vue": "^2.6.11", 主要代码 //重复点击导航路由报错 const originalPush = VueRouter.prototy ...
vue中通过arr.length获取数组长度报错：Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
刚开始是通过arr.length获取数组长度的! 结果控制台报错: Error in render: "TypeError: Cannot read property 'length' of ...
解决vue项目重复点击跳转路由报错以及路由重定向的问题
// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const originalPush = VueRouter.prototype.push VueRout ...
vue中自动导入导致的数十个报错，ERROR in ./node_modules
我在写路由跳转的时候,突然运行后一下出现了几十个报错,都是了来自于 ./node_modules的报错如下: ERROR in ./node_modules/import-fresh/index.j ...
app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...
window.onresize在vue中只能使用一次,自适应resize报错
1.window.onresize不能重复使用,因为onresize是一个回调,当它发生变化时,会覆盖前一个 2.但是有业务场景需要多个组件进行监听,此时可以使用 window.addEventLis ...
控制台报错：java.lang.ClassNotFoundException: javax.xml.bind.JAXBException之解决方法
控制台报错:java.lang.ClassNotFoundException: javax.xml.bind.JAXBException之解决方法参考文章: (1)控制台报错:java.lang.C ...

解决Vue中重复点击相同路由控制台报错问题

报错信息

报错原因

解决方法

解决Vue中重复点击相同路由控制台报错问题相关推荐

最新文章

热门文章