而有了这个,我们就能节省不少时间,体验上来说也会改善不少
实现的思路有点绕,有更好的姿势请留言,谢谢阅读..
----
效果如下
关联展示
?
?...单个删除和删除其他的标签
只有一个时候是不允许关闭,所以也不会显示关闭的按钮,关闭其他也不会影响唯一的
?
?
多tag换行
?...,直接基于antd的基础上封装一下
实现的思路基本是一样的(哪怕是自己把组件都写了)
----
实现思路
思路
用mobx来维护打开的菜单数据,数据用数组来维护
考虑追加,移除过程的去重
数据及行为的设计...结合路由进行响应
目标
点击tab展示页面内容,同时关联侧边栏的菜单
tab自身可以关闭,注意规避只有一个的时候不显示关闭按钮,高亮的
杜绝重复点击tab的时候(tab和路由匹配的情况),再次渲染组件...因为感觉意义不大,水平菜单的宽度不管是pad上还是pc上,
默认一行最起码可以打开五个tab, 一般人的注意力都集中在几个常见的页面上
假如你需要更多呢?