ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Element/vue router连续点击多次路由报错解决方法

2019-08-17 15:42:59  阅读:187  来源: 互联网

标签:vue Element 解决 NavigationDuplicated 报错 Router push router



原文链接:https://blog.csdn.net/weixin_43202608/article/details/98884620

Element-ui 点击多次路由会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}

查找到了一篇比较好用的解决文章 (亲测有效), 方法如下↓

  1. 把项目依赖的 node_modules 文件夹删除, 然后再 npm install 重新下载依赖包就可以解决。
  2. 如果在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,那么要怎么解决呢?解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S 即可
  3. 如果不想换 vue-router 的版本 或者 还是 没有用,那么可以用以下方法
    在main.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,Element,解决,NavigationDuplicated,报错,Router,push,router

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有