在写vue小商城时,多次点击同一路由时会报错
上网搜了一下,有两种解决方法
第一种解决方法
修改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)
}
或者改replace方法
const originalReplace = Router.prototype.replace;
Router.prototype.replace = function replace(location) {
return originalReplace.call(this, location).catch(err => err);
}
我两个都试了试没起什么作用,但是别人都起作用了,应该是我自己的问题。因为没解决问题,所以我使用了第二种方法。
第二种解决方法
出现这个问题的原因是router版本的bug,需要升级router
npm i vue-router@3.0 -S
升级完后问题就解决了