前言
动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说;
因为当我们侧边栏层级多了,你要找到一个子菜单,必须找,展开,点击....单个删除和删除其他的标签
只有一个时候是不允许关闭,所以也不会显示关闭的按钮,关闭其他也不会影响唯一的
?
?
多tag换行
?...结合路由进行响应
目标
点击tab展示页面内容,同时关联侧边栏的菜单
tab自身可以关闭,注意规避只有一个的时候不显示关闭按钮,高亮的
杜绝重复点击tab的时候(tab和路由匹配的情况),再次渲染组件...一键关闭除当前url以外的的所有tab
重定向的时候也会自动展开侧边栏(路由表存在匹配的情况)
可拓展的方向
有兴趣的自行拓展,具体idea如下
比如快速跳转到第一个或者最后一个的快捷菜单等
给侧边栏的子菜单都带上...icon,这样把icon同步到水平菜单就比较好看了,目前水平都是直接写死
加上水波纹动效,目前没有..就是MD风格点一下扩散那种
拖拽,这样可以摆出更符合自己使用习惯的水平菜单
固定额外不被消除的标签,