精华内容
下载资源
问答
  • 2022-01-12 09:51:47

    直接添加下面代码即可

    //获取原型对象上的push函数

    const originalPush = VueRouter.prototype.push

    //修改原型对象中的push方法

    VueRouter.prototype.push = function push(location) {

    return originalPush.call(this, location).catch(err => err)

    }

    更多相关内容
  • 主要介绍了vue 解决addRoutes多次添加路由重复的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 主要介绍了解决vue路由name同名,路由重复的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 路由重复的解决方案

    2021-08-03 16:23:42
    报错显示,这是路由重复的问题,下面记录一下我使用的解决方案: 在项目中的router文件下的index.js中添加如下几行代码: const originalPush = VueRouter.prototype.push VueRouter.prototype.push = ...

            今天在用vue+element ui框架做后台管理系统时,又遇到了下图所示的报错:

            报错显示,这是路由重复的问题,下面记录一下我使用的解决方案:

    在项目中的router文件下的index.js中添加如下几行代码: 

    const originalPush = VueRouter.prototype.push
    VueRouter.prototype.push = function push(location) {
    	return originalPush.call(this, location).catch(err => err)
    }
    展开全文
  • 退出后,再次登陆,发现菜单异常 (控制台有输出说路由重复) 解决方案: 在router/index.js文件中,发现一个重置路由方法 ,就是将路由重新实例化,相当于换了一个新的路由,之前加的路由就不存在了,需要在...

    问题:

     

     退出后,再次登陆,发现菜单异常 (控制台有输出说路由重复)

     解决方案:

    router/index.js文件中,发现一个重置路由方法 ,就是将路由重新实例化,相当于换了一个新的路由,之前加的路由就不存在了,需要在退出登录时, 调用一下即可

    在 router/index.js中

    // 重置路由
    export function resetRouter() {
      const newRouter = createRouter()
      router.matcher = newRouter.matcher // 重新设置路由的可匹配路径
    }

     在store/modules/user.js中

    需要先导入 import { resetRouter } from '@/router'

    // 退出的action操作
    logout(context) {
      // 1. 移除vuex个人信息
      context.commit('removeUserInfo')
      // 2. 移除token信息
      context.commit('removeToken')
      // 3. 重置路由
      resetRouter()
    }

    展开全文
  • Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX,虽然不影响运行结果,但最好还是处理一下。 局部处理 局部处理是指对单个路由...

    Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX,虽然不影响运行结果,但最好还是处理一下。
    在这里插入图片描述

    局部处理

    局部处理是指对单个路由进行处理,其他的路由依旧报错。

    在路由跳转的push语句中添加catch捕捉错误

    所以原来的路由跳转改为以下代码:

    		toecharts(){
                this.$router.push({
                        path:'/echarts'
                    }
                ).catch(err => {})		//添加catch捕捉错误
            }
    

    全局处理

    全局处理是指对所有路由进行处理。

    在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)
    }
    
    展开全文
  • 最近在写项目的偶然发现了一个小bug,就是在本页面进行路由跳转的时候,如果跳转的还是本页面就会报错 这个时候就需要我们添加下面的代码就可以解决 1.先获取原型对象身上的跳转(push)方法 const originalPush = ...
  • routes: constantRoutes //constantRoutes为默认路由 }); const router = createRouter(); export function resetRouter() { //这个是重置函数 const newRouter = createRouter(); router.matcher =
  • vue路由重复点击
  • watch监听路由重复加载 项目要求,列表页跳转到一个内容页,每个打开的内容页之间切换还要做到点击就刷新数据, 之前的解决方式就是用watch去监听路由,但是监听路由后,第一次进入无效,关闭后打开就会成倍的去...
  • vue动态路由刷新页面后出现问题的处理
  • 在router/index.js中添加如下代码 ...//防止路由重复点击报错 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch.
  • const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }
  • 本篇文章小编给大家分享一下vue解决addRoutes多次添加路由重复的操作方法,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。代码如下:import Vue from 'vue'...
  • Element-ui 重复点击同一个路由 会报错: NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”} 解决办法: 在router/index.js import Vue from 'vue' import VueRouter from '...
  • 在写嵌套路由时,父路由为hi,子路由为hi2,hi3,修改前在router中是这样写的: export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/hi', ...
  • 当菜单路由重复点击时,会出现以下报错: 虽然没有什么影响(不知道深层有什么影响,页面运行反正没啥问题),但是有个报错看着就毕竟闹心。 有以下解决方案: router配置中添加代码块不再报错 // 解决Vue-Router...
  • 用 vue-router的addRoutes方法添加了五个路由表,用户点击退出登录之后,重新登录,获取用户信息后,重新获取用户的动态路由,再用addRoutes方法添加这五个路由,因为路由名重复了,所以vue-router会提示路由重复,...
  • 重复添加路由,每次退出登录(权限不变),会每次重复添加之前添加过得路由,导致警告;权限改变时,不会清除之前的权限路由,由高级降到低级时,只要知道地址,低级权限也可进入高级权限的页面;2.路由持久化,每次...
  • 解决vue addRoutes多次添加路由重复问题。 在router.js中 import Vue from 'vue' import Router from 'vue-router' const routes = [ { path: '/', redirect: '/home'}, { path: '/login', name: 'login', ...
  • 解决vue addRoutes多次添加路由重复问题。
  • 第一种方案 出现这种问题是由于安装的vue-router版本太新的问题。所以第一种方案简单直接,直接在命令行中重新安装旧版本的vue-router。yarn add vue-router@3.0 -S 第二种方案 在vue-router的index.js文件中添加...
  • vue路由重复点击报错的解决方法 错误图片 解决方法 //获取原型对象上的push函数 const originalPush = VueRouter.prototype.push //修改原型对象中的push方法 VueRouter.prototype.push = function push(location) ...
  • NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/produce/delivery-order") is not allowed", stack: "Error↵ at new Navi...
  • vue路由重复问题

    千次阅读 2020-06-17 14:05:56
    报错: Avoided redundant navigation to current location: Vue.use(VueRouter);后面加 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { ...
  • 当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了, vue动态添加路由,跳转页面时,页面报错路由重复: 于是处理一下 原因addRoutes 方法仅仅是帮你注入新的路由...
  • 在router/index.js中添加如下代码 ...//防止路由重复点击报错, constoriginalPush=Router.prototype.push Router.prototype.push=functionpush(location){ returnoriginalPush.call(this,location...
  • Element-ui 重复点击同一个路由 会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”} 解决办法: 在router/index.js里重写Router.prototype.push import Router ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 133,271
精华内容 53,308
关键字:

路由重复