[Vue] Avoided redundant navigation to current location

写Vue代码的时候,经常提示下面这句话

Avoided redundant navigation to current location

这句话的意思很简单,就是提示你,不建议冗余的跳转当前路径,网上解决方法基本都是需要修改原型,这样会牵一发而动全身,可能导致未知的错误。如下:

//push 
const VueRouterPush = Router.prototype.push 
Router.prototype.push = function push (to) {
    return VueRouterPush.call(this, to).catch(err => err)
}

//replace
const VueRouterReplace = Router.prototype.replace
Router.prototype.replace = function replace (to) {
  return VueRouterReplace.call(this, to).catch(err => err)
}

更优雅的解决方式是:

if (this.$route.path === this.path) {

} else {
  this.$router.push(this.path);
}

只需要判断一下当前活跃的路由对象和当前路径是否一致即可,不一致才跳转,当然也可以写成一个if解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值