重写Router的push方法

当在Vue应用中多次跳转到相同的路由时,会导致历史记录栈中出现重复条目并可能引发错误。为了解决这个问题,可以在router的index.js中覆盖vue-router的push方法,通过捕获并处理可能出现的错误,确保页面不会因为重复的路由添加而报错。
摘要由CSDN通过智能技术生成

vue中,如果跳转同一个页面路由,虽不会影响功能,但是会报错

 

原因:路由的push会向历史记录栈中添加一个记录,同时跳转同一个路由页面,会造成一个重复的添加,导致页面的报错

解决方案:在router的index.js中重写vue的路由跳转push

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
	return originalPush.call(this, location).catch(err => err);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值