首页 > 其他分享 >vue-element-admin改为从后台拿动态路由

vue-element-admin改为从后台拿动态路由

时间:2023-07-19 10:35:12浏览次数:26  
标签:src vue admin 接口 element 后台 js 动态 路由

改为从后台拿动态路由,大概如下步骤:

1、后台增加接口,返回动态路由数据

2、前端增加请求动态路由接口请求

3、修改 src/route/index.js 去掉原有的动态路由,增加组件名和组件对象映射 map

4、修改 src/store/modules/permission.js 修改当前 权限判断处理方法 generateRoutes

一、后台增加接口

 

标签:src,vue,admin,接口,element,后台,js,动态,路由
From: https://www.cnblogs.com/rslai/p/17564870.html

相关文章

  • [未解决] vue transform-blocks解析源代码报错:Illegal tag name. Use '<' to print '<
    报错内容:[vite]Internalservererror:Illegaltagname.Use'<'toprint'<'.用的是这篇博文的源代码展示方法:如何用vite的vueCustomBlockTransforms(自定义块转换)实现源代码展示使用时突然遇到某一个vue文件添加<demo></demo>标签后报错,但其他vue文件可以正常读取和展示......
  • 54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
    要实现导出Excel功能,你可以使用以下步骤:1.安装相关依赖:```bashnpminstallxlsxfile-saver```2.在你的组件中引入相关依赖:```javascriptimport{ref}from'vue';import{saveAs}from'file-saver';import{useTable}from'element-plus';importXLSX......
  • vue-pdf组件打印文字全是空白框
    参考:https://www.yii666.com/blog/34226.htmlgithub地址:https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8ea7#diff-537fb76c67921bef8ccf535dad221c0c875ae6d1077a6b16f055440d32b5421f ......
  • vue-day28--对组件的理解
    学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合 1.1模块与组件、模块化与组件化1.1.1模块理解:向外提供特定功能的 js 程序,一般就是一个 js 文件为什么:js 文件很多很复杂作用:复用 js,简化 js 的编写,提......
  • vue基本操作[上] 续更----让世界感知你的存在
    Vue引用js文件的多种方式1.vue-cliwebpack全局引入jquery(1)首先npminstalljquery--save(--save的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入"""varwebpack=require("webpack")"""(3)在module.......
  • vue实现文本复制
    一.下载插件npminstall--savevue-clipboard2二.main.jsimportVueClipBoardfrom'vue-clipboard2'Vue.use(VueClipBoard)三.使用html部分点击查看代码<el-buttonsize="mini"type="text"icon=&q......
  • Element
    一、Element1.Element是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0桌面端组件库。2.组件组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。3.官网https://element.eleme.cn/#/zh_CNListener二、Element常见组件1.Table表格用于展示......
  • vue3+vite4实现动态引入图片
    本来是想使用vue2时使用的require,但是在运行时却突然报错:看到上面的报错让我很懵,require为啥不能使用呢??经过我不懈的努力,终于找到原因:在Vue3和Vite4中,不再推荐使用CommonJS的require语法,而是使用ECMAScript模块(ESM)的import语法。Vite4默认支持ESM,因此在使用......
  • vue - 图片的放大镜功能
    //html<divclass="productLeft"><!--左侧中图--><divclass="mdImg"><img:src="qall"alt=""></div><!--遮罩层--><divv-show="isShow"class=&qu......
  • vue手搓h5滚动日期选择器组件
    背景新项目为了省事和后台写一起了,所以用不了Uni-app(悲),然后element-ui的日期选择器h5不适配,看着也难受,就想找个好用的,结果找了一圈感慨,自己写个吧。 说明 为了加快速度,代码可能有些臃肿,但大概就是这样了,看着代码好多,其实只要会一个的滚动就会多个了。建议下看下参考文章,然后......