首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死，因为菜单也许不止两级,所以我们需要递归来实现。根据当前节点是否有下级去判断,如果有下级,则继续调用子级,直到没有下级为止,下面我贴上左侧菜单所有 ...

layui-tree美化左侧菜单 html css js 新增tab项逻辑思路 点击左侧导航，获取它的数据（url，id。。。） 如果有url，则判断其id是否与tab项的lay-id相同，相同则切换选中，不相同则新增 遇到 ...

左侧是收缩菜单栏，需要点击菜单栏以外的地方，左侧菜单栏全部收缩。如图 这个主要是看对jquery方法掌握的怎么样了，其实不难，重要的是使用jquery中not()方法，实现方法如下（只是一个简单的实现）： <ul class="bor"> 　　<li> ...

效果图 代码部分 ...

采用了 vue provide 和 inject 方法 1、在右侧展示页面的地方添加v-if 来控制其重新加载 2、同时在本vue文件内注册重新加载方法 3、 在点击相同菜单时候，去重新加载该页面 ...

...

...

https://segmentfault.com/a/1190000014617129 ...