vue-router重写路由的push方法,解决相同路由跳转时报错

在vue项目中遇到的小问题,问题描述:跳转到与当前页面相同的路由时报错。例如,当前页面路径为/admin/home,触发点击事件跳转路由为/admin/home时会报错,如下:


报错信息.png

解决:在router文件下的index.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)
}
Vue.use(Router)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容