文章目录

  • 1 动态路由
    • 1.1 stores/index.js(动态添加路由函数)
      • 1.1.1 获取菜单数据
      • 1.1.2 动态导入组件
      • 1.1.3 处理菜单项
      • 1.1.4 添加路由
      • 1.1.5 整体代码
    • 1.2 router/index.js(移除子路由)
    • 1.3 Login.vue(登录页面)
  • 2 多账号bug问题
    • 2.1 问题复现
    • 2.2 解决多账号路由问题(stores/index.js)

动态添加路由函数,解决多账号路由权限问题。

1 动态路由

1.1 stores/index.js(动态添加路由函数)

一个用于动态添加路由的addMenu函数,它接收一个router对象作为参数。
函数的主要目的是根据state.value.menuList中的菜单数据,动态地加载对应的Vue组件,并将这些路由添加到Vue Router 中。
在这里插入图片描述

1.1.1 获取菜单数据

const menu = state.value.menuList;

从 state 中获取菜单列表。

1.1.2 动态导入组件

import.meta.glob是Vite提供的一个非常强大的功能,用于动态导入(Dynamic Import)多个模块。
它特别适用于需要根据条件或配置来决定加载哪些模块的场景,比如动态路由、按需加载组件等。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/94628.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/94628.shtml
英文地址,请注明出处:http://en.pswp.cn/web/94628.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

社群团购平台与定制开发开源AI智能名片S2B2C商城小程序的融合创新研究

摘要:本文聚焦于社群团购平台这一在移动互联网背景下兴起的电子商务运营机构,深入剖析其依托移动互联网满足消费者多元购物需求的特点。同时,引入定制开发开源AI智能名片S2B2C商城小程序这一关键元素,探讨二者融合所带来的创新模式…

模型交互中的会话状态管理实践

模型交互中的会话状态管理实践 目录 引言会话状态的手动管理构建多轮对话消息序列追加历史响应实现上下文共享API支持的自动会话状态管理利用 previous_response_id 实现线程式对话模型响应数据保存与计费说明上下文窗口管理与令牌限制令牌计算与窗口溢出风险令牌工具辅助统计…

基于Java+Springboot的船舶运维系统

源码编号:sy23源码名称:基于Springboot的船舶运维系统用户类型:多角色,船员、维修人员、管理员数据库表数量:9 张表主要技术:Java、Vue、ElementUl 、SpringBoot、Maven运行环境:Windows/Mac、J…

零基础也能照做的WordPress网站安全漏洞修复 + 高级优化保姆级教程。

建议先在**暂存环境(Staging)**演练后再动正式站,避免线上故障。下面第一部分就教你“备份暂存还原演练”。 总览导航(按顺序完成) 备份与还原演练(UpdraftPlus 宝塔/阿里/腾讯/七牛)高危加固…

HI3516DV500/HI3519DV500 Docker开发环境配置

目录一、拉取Ubuntu 18.04 docker镜像二、查看已有镜像三、基于镜像创建容器1. 创建容器2. 退出容器3. 查看容器4. 启动容器5. 进入容器6. 更新容器内部软件源四、安装CANN包1. 安装基础依赖环境2. 安装并配置python 3.7.5配置环境变量安装vim添加使环境变量生效检查python版本…

实体店转型破局之道:新零售社区商城小程序开发重构经营生态

在数字化浪潮的席卷下,实体店经营正经历着前所未有的变革与挑战。客户进店率持续走低、同行竞争白热化、经营成本不断攀升、电商平台冲击加剧……这些痛点如同达摩克利斯之剑,悬在传统实体商家的头顶。然而,危机往往与机遇并存,新…

前端-如何将前端页面输出为PDF并打包的压缩包中

需要引入的依赖:import * as utils from ../../utils/utils import html2canvas from "html2canvas"; import JSZip from "jszip"; import JSPDF from "jspdf"; import FileSaver from "file-saver"import { Loading } fro…

LabVIEW 频谱分析应用

LabVIEW 频谱分析程序广泛应用于声学、振动、电力电子等领域,用于噪声频谱分析、设备故障诊断、电能质量评估等。通过模块化 VI 组合,可快速搭建 "信号模拟 - 采集(或缓存)- 频谱分析 - 结果展示" 完整流程,…

北斗导航 | 基于MCMC粒子滤波的接收机自主完好性监测(RAIM)算法(附matlab代码)

详细阐述基于MCMC粒子滤波的接收机自主完好性监测(RAIM)算法的原理、理论和实现方法,并提供完整的MATLAB代码示例。 1. 原理与理论 1.1 接收机自主完好性监测 (RAIM) 简介 RAIM是一种完全由GPS接收机内部实现的算法,用于在不依赖外部系统的情况下,监测GPS信号的完好性(…

【机器学习】4 Gaussian models

本章目录 4 Gaussian models 97 4.1 Introduction 97 4.1.1 Notation 97 4.1.2 Basics 97 4.1.3 MLE for an MVN 99 4.1.4 Maximum entropy derivation of the Gaussian * 101 4.2 Gaussian discriminant analysis 101 4.2.1 Quadratic discriminant analysis (QDA) 102 4.2.2…

Ruoyi-Vue 静态资源权限鉴权:非登录不可访问

一. 背景 移除/profile下静态资源访问权限后,富文本等组件中的图片加载失败!!! 使用ruoyi-vue3.8.9过程中发现上传的在ruoyi.profile下的文件未登录直接使用链接就可以访问下载,感觉这样不太安全,所以想对其进行鉴权限制,修改为只…

关于窗口关闭释放内存,主窗口下的子窗口关闭释放不用等到主窗口关闭>setAttribute(Qt::WA_DeleteOnClose);而且无需手动释放

‌QWidget重写closeEvent后,点击关闭时释放内存会调用析构函数‌,但需注意内存释放的时机和方式。 关闭事件与析构函数的关系 重写closeEvent时,若在事件处理中调用deleteLater()或手动删除对象,析构函数会被触发。但需注意&#…

C# 简单工厂模式(构建简单工厂)

构建简单工厂 现在很容易给出简单工厂类。只检测逗号是否存在,然后返回其中的一个类的实例。 public class NameFactory {public NameFactory(){}public Namer getName(string name){int iname.IndexOf(",");if(i>0)return new LastFirst(name);else{r…

uniappx与uniapp的区别

uniappx与uniapp的定位差异uniappx是DCloud推出的扩展版框架,基于uniapp进行功能增强,主要面向需要更复杂原生交互或跨平台深度定制的场景。uniapp则是标准版,适用于常规的跨平台应用开发,强调开发效率和代码复用。功能扩展性unia…

vue实现拖拉拽效果,类似于禅道首页可拖拽排布展示内容(插件-Grid Layout)

vue实现拖拉拽效果(插件-Grid Layout) 这个是类似与禅道那种首页有多个指标模块,允许用户自己拼装内容的那种感觉。 实现效果 插件资料 vue3版本 如果项目是vue3 的话使用的是 Grid Layout Plus。 官网:https://grid-layout-pl…

在Excel和WPS表格中打印时加上行号和列标

在电脑中查看excel和WPS表格的工作表时,能看到行号(12345.....)和列标(ABCDE...),但是打印出来以后默认是没有行号和列标的,如果要让打印(或者转为PDF)出来以后仍能看到行…

设计模式:原型模式(Prototype Pattern)

文章目录一、原型模式的概念二、原型模式的结构三、原型注册机制四、完整示例代码一、原型模式的概念 原型模式是一种创建型设计模式, 使你能够复制已有对象, 而又无需使代码依赖它们所属的类。通过复制(克隆)已有的实例来创建新的…

Linux系统网络管理

一、网络参数配置1、图形化配置#开启 [rootlocalhost ~]# systemctl start NetworkManager #关闭 [rootlocalhost ~]# systemctl stop NetworkManager #关闭并开机不自启 [rootlocalhost ~]# systemctl disable --now NetworkManager #开启并开机自启 [rootlocalhost ~]# syste…

服务器初始化

服务器初始化文章目录服务器初始化1. 配置国内 Yum 源(加速软件安装)2. 更新系统与安装必备工具3. 网络连接验证4. 配置主机名5. 同步时间6. 配置防火墙 (两种方式)6.1 iptables整体思路详细步骤第 1 步:停止并禁用 Firewalld第 2 步&#xf…

基于YOLOv11训练无人机视角Visdrone2019数据集

【闲鱼服务】 基于YOLOv11训练无人机视角Visdrone2019数据集Visdrone2019数据集介绍数据集格式数据预处理yolov11模型训练数据分布情况可视化训练结果Visdrone2019数据集介绍 VisDrone 数据集 是由中国天津大学机器学习和数据挖掘实验室 AISKYEYE 团队创建的大规模基准。它包含…