vue-router重写push方法，解决相同路径跳转报错

最新推荐文章于 2024-06-24 18:19:19 发布

侠客博园

最新推荐文章于 2024-06-24 18:19:19 发布

阅读量840

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wen15191038073/article/details/125521139

版权

修改vue-router的配置文件，默认位置router/index.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
/**
重写路由的push方法:
 解决,相同路由跳转时,报错:
 **/
 // 保存原来的push函数
const originalPush= Router.prototype.push
// 重写push函数
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})

//或者你的改了push还是没有生效时，可以考虑使用replace方法：
//修改路由replace方法,阻止重复点击报错:
const originalPush= Router.prototype.replace
Router.prototype.replace= function replace(location) {
  return originalPush.call(this, location).catch(err => err)
}