最近项目中,要用到element-ui的无限级分类菜单，根据角色生成不同的递归数据，查阅了网上很多资料，发现很多都不太完整并且没有很多的延伸性。 到此就实现了左侧菜单的无限级了，应为现在给公司写的项目都是权限功能，路由方面呢大家可以随便写，公司项目做了权限：左侧菜单，按钮限制，…

this.$router：表示全局，是router构造方法的实例。 this.$route：表示的是当前页面的路由信息. 千万要注意，是 :default-active="$route.path" ，这里不能写成router。

element ui 使用过程中的问题集锦之<el-menu>导航菜单，问题源源不断，文章持续更新……

第一步：element-ui的Menu Attribute中有一个default-active属性，这个属性绑定的值就是当前路由的path或者是name属性，首先动态绑定一下efault-active

<el-menu>菜单组件，在微前端框架各子系统中使用时，遇到的各种问题和菜单组件代码的迭代优化……

按照计划，前端使用Vue.js+Element UI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在其基础上改造，由于我认为实现移动端良好的体验是必须的，所以便萌生了给其增加响应式功能的想法…

1. 实现过渡展开关闭过渡效果 2. 选中项刷新页面后保持选中展开效果 3. 子菜单动态缩进 4. 使用组件递归实现

在使用 vue-element-admin 后，我觉得它通过 vue-router 生成导航菜单功能挺有意思的，所以阅读了一下他的源码，自己简单的实现一下。 文章主要关注如何生成导航菜单，以及子菜单的展开收缩管理，还有点击菜单的激活状态管理。为了避免文章过长，所以就不写登录页、…

这里的this.items就是收集的每一个menu-item,这在一开始就已经完成了。 要用到依赖注入,这里面子组件menu-item都直接操作menu的data，耦合度非常高。 然后告诉menu-item你可以被选中了。updated钩子函数用作完成这个任务再适合不过了 当m…