1
0
Fork 0
Browse Source

vault backup: 2022-05-07 14:54:01

master
YuJian 3 years ago
parent
commit
1ba5ce61c4
  1. 4
      随时随地/管理后台中的 Tab 功能.md

4
随时随地/管理后台中的 Tab 功能.md

@ -64,7 +64,7 @@ const switchTab = (path, search = "") => { @@ -64,7 +64,7 @@ const switchTab = (path, search = "") => {
};
```
而对于 Tab 的关闭,就没什么好说的了,查找然后删除,这里有一个特殊的处理,就是判断关闭的 Tab 是不是当前选中的 Tab,对于关闭当前选中 Tab 的操作,这里会把当前选中的 Tab 移动,保证页面上不会出现关闭了 Tab 但是页面还没有被关闭的感觉
而对于 Tab 的关闭,就没什么好说的了,查找然后删除,这里有一个特殊的处理,就是判断关闭的 Tab 是不是当前选中的 Tab,对于关闭当前选中 Tab 的操作,这里会把当前选中的 Tab 移动,保证页面上不会出现关闭了 Tab 但是页面还没有被关闭
```javascript
const closeTab = (path) => {
@ -80,3 +80,5 @@ const closeTab = (path) => { @@ -80,3 +80,5 @@ const closeTab = (path) => {
setTabList(newTabList);
};
```
至此,整个 Tab 功能的基本逻辑就已经实现了,完整的代码可以看[这里](https://github.com/YuJian920/YuJian-Blog/blob/Remake/YuJianBlog-Admin/src/context/TabContext.tsx),其实完整的 Tab 功能还没有结束,例如还有 Tab 长度的限制,避免打开的 Tab 太多导致长度过长,还有完备的 Tab 应该有一个右键菜单,可以实现关闭其他、关闭所有之类的更多的功能
Loading…
Cancel
Save