vue3-admin-element框架实现动态路由(根据接口返回)

第一步:在src-utils-handleRoutes,修改代码:

export function convertRouter(routers) {let array = routersrouters = []for (let i in array) {for(let s in asyncRoutes){if (array[i].path == asyncRoutes[s].path) {routers.push(asyncRoutes[s]);}}// for(let d in array[i].children){//   for(let p in routers[i].children){//     if(routers[i].children[p].path != array[i].children[d].path){//       delete routers[i].children[p]//     }//   }// }}return routers;
}

第二步登录后存储菜单数据:

第三部:因为框架默认为前端控制路由所以需要在src-config-setting文件将authentication改为all

 第四步:找到src-config-permission ,获取登录成功后存储的菜单列表

第五步:找到src--store-modules-routes.js

async setAllRoutes({ commit }) {

    let data = JSON.parse(localStorage.getItem('data'));

    let menu = data.data.menu;

    let accessRoutes = convertRouter(menu);

    commit('setAllRoutes', accessRoutes);

    return accessRoutes;

  },

总结:此方法需要先在router index.js中制作假数据然后通过后端接口返回的数据进行对比,相等的显示

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

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

相关文章

java 音乐会售票平台系统Myeclipse开发mysql数据库struts2结构java编程计算机网页项目

一、源码特点 java 音乐会售票平台系统 是一套完善的web设计系统,对理解JSP java编程开发语言有帮助struts2框架开发mvc模式,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发 环境为TOCAT7.0,Myeclipse8.5开发,数据…

python练习3【题解///考点列出///错题改正】

一、单选题 1.【单选题】 ——可迭代对象 下列哪个选项是可迭代对象( D)? A.(1,2,3,4,5) B.[2,3,4,5,6] C.{a:3,b:5} D.以上全部 知识点补充——【可迭代对象】 可迭代对象(iterable)是指可以通过迭代&#xff…

C#,归并排序算法(Merge Sort Algorithm)的源代码及数据可视化

归并排序 归并算法采用非常经典的分治策略,每次把序列分成n/2的长度,将问题分解成小问题,由复杂变简单。 因为使用了递归算法,不能用于大数据的排序。 核心代码: using System; using System.Text; using System.Co…

Node.js基础知识点(二)

一、Node环境安装(Windows) 1.下载对应的node.js版本:https://nodejs.org/en/download/ 2.下载完成后,双击安装包,开始安装node.js 3.勾选复选框,点击【Next】按钮 4.修改好目录后,点击【Next】按钮 5.此处…

得物商品状态体系介绍

一、得物的商品体系 目前得物的商品分为三种类型,分别是:新品、商品、草稿。但是只有商品是可售卖的,新品和草稿都不是可售卖的。 新品有很多种创建的渠道,商品可以由新品选品通过后由系统自动生成,也可以由运营直接…

WPF 入门教程DispatcherTimer计时器

https://www.zhihu.com/tardis/bd/art/430630047?source_id1001 在 WinForms 中,有一个名为 Timer 的控件,它可以在给定的时间间隔内重复执行一个操作。WPF 也有这种可能性,但我们有DispatcherTimer控件,而不是不可见的控件。它几…

基于多反应堆的高并发服务器【C/C++/Reactor】(中)创建一个TcpConnection实例 以及 接收客户端数据

#CSDN 年度征文|回顾 2023,赢专属铭牌等定制奖品# 一、主线程反应堆模型的事件添加和处理详解 >>服务器和客户端建立连接和通信流程: 基于多反应堆模型的服务器结构图,这主要是一个TcpServer,关于HttpServer,…

图像分割实战-系列教程11:U2NET显著性检测实战3

🍁🍁🍁图像分割实战-系列教程 总目录 有任何问题欢迎在下面留言 本篇文章的代码运行界面均在Pycharm中进行 本篇文章配套的代码资源已经上传 U2NET显著性检测实战1 U2NET显著性检测实战2 U2NET显著性检测实战3 6、上采样操作与REBNCONV def…

酷开科技 | 酷开系统9.2,开启个性化时代

现代人,总喜欢不走寻常路,以彰显自己的不同。酷开系统的个性化推荐就能满足你的这类需求,既能给你想要的内容,又能给你与众不同的体验! 想听音乐了?打开酷开系统音乐频道,随机播放为你推荐的歌曲…

IDEA 2023快捷键

1、main | sout | psvm 2、CTALD 复制当前行 3、ALT SHIFT ↕ 可以把当前行代码进行移动 4、CTRLH 类的继承继承结构 5、CTRLF12 类的成员 6、 SHIFTF6 统一修改变量 7、CTRLATLH 方法调用层级 8、ALT1 是否展示左侧菜单 9、ALTinsert 生成一些代码 10、CTRLP 提示参数…

【机器学习】循环神经网络(一)

一、网络结构 RNN 处理输入序列时的信息流。 粗体箭头为各时间点信息流的活跃路径,虚线箭头显示当时不活动的连接。 一个简单RNN例子 RNN 不是一类网络,而是适用于不同问题的拓扑结构的集合。循环网络的一个有趣的方面是,有了足够的层和节点&…

在Docker中安装和配置InfluxDB,设置SSL和密码保护

在Docker中安装和配置InfluxDB,设置SSL和密码保护 引言 InfluxDB是一个开源的时间序列数据库,常用于存储和查询大量时序数据。通过使用Docker,我们可以轻松地部署和管理InfluxDB容器,并配置SSL以及设置用户名和密码进行保护。本博…