![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
Silver Scrapes
努力提升自己的苦逼程序员。
展开
-
el-menu多级动态菜单渲染
使用el-menu时往往会遇到动态渲染使用场景安装和引用element暂不赘叙,对其使用方法不是很熟悉的小伙伴可以去官网按照指引完成使用先简单叙述一下渲染思路:首先我们要知道要渲染一个多级菜单的过程实际上就是对后端给我们的多层数据格式进行循环遍历的一个过程,只是在遍历的过程中,需要对是否submit-menu和普通el-menu-item进行判断。这里使用的是自定义组件创建MenuTree组件src/components/MenuTree.vue// 以下是组件内容<div>原创 2021-09-01 15:25:29 · 5428 阅读 · 5 评论 -
vue动态路由的使用
项目创建过程中经常遇到的一个需求就是权限管理,本文就我在使用动态路由的过程中进行一个总结首先,前端想要实现对菜单的动态渲染实际上有两种操作方式1.前端还是书写静态路由表,根据后端传来的code利用v-if去判断渲染菜单项实际这种使用方式并不可取,因为不方便后期维护。2.前端只写没有权限控制的login,register, 404 页面的路由,其余路由则是根据后端传过来的,拼接入路由表。这里我在项目中使用的第二种方法首先,我们要先理解动态路由表的请求和添加都是发生在路由守卫里边的。不废话直原创 2021-09-01 16:33:12 · 1384 阅读 · 1 评论