vue动态添加路由清空路由

2023-11-11

刚做的项目分多个模块,点击后再查询菜单,动态加进路由,直接动态添加则爆出警告信息(路由重复):

于是乎想到了先清空路由:

resetRouter() {
      const newRouter = new Router({
        mode: 'hash', // 
        scrollBehavior: () => ({ y: 0 }),
        routes: constantRoutes,  //引入的公共路由
        base: process.env.BASE_URL,
      });
      router.matcher = newRouter.matcher; // reset router
    }

再进行动态添加即可:

router.addRoutes(routers);

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue动态添加路由清空路由 的相关文章

随机推荐

  • vmwareworkstation上Linux安装流程

    如何在vmware workstation上安装linux 安装步骤 1 点击创建新的虚拟机 2 选择典型 点击下一步 3 点击浏览 选择centos 7 x86 64Everything 2009 之后选择稍后安装操作系统 点击下一步 4
  • 2021年终总结:30岁被迫转行,苦逼码农的心酸历程

    背景 岁月如梭 2021已接近尾声 而我还在搬砖道路上不停的奔波 蓦然回首 回想起这一年的经历 悲喜交加 随着年纪的不断增长 渐渐的开始回忆 回忆曾经的事情和点点滴滴 但渐渐的都开始模糊和淡忘 为了让这些点点滴滴能够在未来某个时间想起时还能
  • java如何代码识别excel单元格 删除线_如何解决和审核Excel 2019中的问题

    1 公式标签 Excel在组织功能方面非常出色 并且可以将它们分为对新用户有意义的菜单部分 数据 选项卡包含用于创建和操作存储在本地电子表格或远程数据库中的表中的信息的所有功能 公式 选项卡包含与公式一起使用的所有功能 包括对其进行审核和故
  • 强化学习笔记之策略梯度PG

    前面几天观看了B站周博磊老师的强化学习纲要系列视频狠狠地补了一下基础 强烈推荐没有基础的同学去补补基础 特别是MP马尔可夫过程 MRP马尔可夫奖励过程 MDP马尔可夫决策过程等 才能更好地理解与掌握后来的强化学习算法的算法思想 出发点是什么
  • windows服务器 应通过设定终端接入方式或网络地址范围对通过网络进行管理的管理终端进行限制。

    评测项 应通过设定终端接入方式或网络地址范围对通过网络进行管理的管理终端进行限制 整改建议 建议操作系统设定终端接入方式 网络地址范围等条件限制终端登录 如windows防火墙启用 高级设置 打开 高级安全windows防火墙 窗口 入站规
  • 2022年焊工考试电焊工考试模拟试题卷及答案

    题库来源 优题宝公众号 2022年焊工考试电焊工考试模拟试题卷及答案 由优题宝公众号根据最新焊工考试电焊工考试大纲与历年焊工考试电焊工考试真题汇总编写 包含焊工考试电焊工考试常考重点题型与知识点 有助于考生复习备考焊工考试电焊工考试 取得好
  • 简单公式

    1 行内公式 有三种形式 美元符号 c a b c a b math环境 begin math c a b end math 2 上下标 1 上标 使用 两位以上数字使用 括起来 如 x的20次方 x 20 2 下标 使用 3 希腊字母 希
  • Vue2.js (2)引入开发组件

    1 如何引入Vue2 通过CDN https cn vuejs org v2 guide instance html 学习 安装 section CDN DOCTYPE html gt
  • ACL模块H3C真题练习

    ACL相关练习题 客户的网络结构如图所示 要实现如下需求 1 Host C与Host B互访 2 Host B和Host A不能互访 3 Host A和Host C不能互访 那么 多选 A 只在MSR 1的接口GE0 0上应用高级ACL可以
  • flink-CDC的sqlServer连接器的前期准备

    一 安装sqlserver 本次安装是在windows本地进行的测试 版本为sqlserver2019 1 首先下载sqlserver2019的下载器 sqlserver2019可以直接复制下面的连接 https download micr
  • yum不能使用解决办法

    在安装完linux系统后 执行yum 发现报错 不能正常使用 解决方法如下 1 查看系统中是否有安装yum rpm qa grep yum 如果有返回 说明yum是安装了的 但还是不能正常使用 所以要卸载掉原来的yum 2 卸载yum rp
  • wget命令8种实用用法

    大家好 我是良许 wget 是一个可以从网络上下载文件的免费实用程序 它的工作原理是从 Internet 上获取数据 并将其保存到本地文件中或显示在你的终端上 这实际上也是大家所使用的浏览器所做的 例如 Firefox 或 Chrome 其
  • layer好看的弹出文本框

    layer open type 1 title 料架列表 skin layui layer rim 加上边框 area 300px 350px 宽高 shadeClose true skin yourclass content inLj c
  • 手写实现next_permutation(全排列)

    next permutation函数 需要加头文件
  • 绘制思维导图用什么软件?告诉你三个实用的软件

    思维导图是一种有效的思维模式 应用于记忆 学习 思考等的思维 地图 有利于人脑思维的扩散 如今市面上能够辅助我们更好地锻炼大脑 产出思维导图的工具数不胜数 但不同人群的使用不同 适配的软件也不尽相同 那么今天就让我来告诉你电脑好用的思维导图
  • 蚂蚁区块链第17课 错误码指导大全

    1 摘要 本文介绍蚂蚁区块链的错误码按出错来源分为5类 平台校验错误码 虚拟机错误码 区块链错误码 客户端系统错误码 TEE 错误码 并给出了具体的错误码值和解释说明 2 错误码大全 2 1 平台校验错误码 错误码 错误码值 错误消息 描述
  • [Django] Django基础环境配置

    step1 设置python 虚拟环境并激活 然后安装Django开发版本 这里可以本人参考博客 step2 新建项目 之前安装Django以及虚拟环境都是在C盘下处理的 在这里用D盘存储项目 出现小插曲 C Users 用户名 gt d
  • 2023高教社杯数学建模思路 - 案例:FPTree-频繁模式树算法

    文章目录 算法介绍 FP树表示法 构建FP树 实现代码 建模资料 赛题思路 赛题出来以后第一时间在CSDN分享 https blog csdn net dc sinor type blog 算法介绍 FP Tree算法全称是Frequent
  • MySQL基础篇-第15章_存储过程与函数

    第15章 存储过程与函数 讲师 尚硅谷 宋红康 江湖人称 康师傅 官网 http www atguigu com MySQL从5 0版本开始支持存储过程和函数 存储过程和函数能够将复杂的SQL逻辑封装在一起 应用程序无须关注存储过程和函数内
  • vue动态添加路由清空路由

    刚做的项目分多个模块 点击后再查询菜单 动态加进路由 直接动态添加则爆出警告信息 路由重复 于是乎想到了先清空路由 resetRouter const newRouter new Router mode hash scrollBehavio