解决vue-router重复点击报错问题

最新推荐文章于 2023-11-08 13:12:43 发布

小螃蟹er

最新推荐文章于 2023-11-08 13:12:43 发布

阅读量392

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/jermyo/article/details/117075181

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

解决vue-router重复点击报错问题

在index.js路由配置文件


```javascript
import Vue from 'vue'
import Router from 'vue-router'
//解决vue-router重复点击报错问题（this.$router.replace()）
const originalPush = Router.prototype.replace;
Router.prototype.replace = function replace(location) {
  return originalPush.call(this, location).catch(err => err);
};
//解决vue-router重复点击报错问题（this.$router.push()）
const originalPush = Router.prototype.push;
Router.prototype.push= function push(location) {
  return originalPush.call(this, location).catch(err => err);
};

注意区分this.router.replace()和this.router.push()