github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 16:46:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: optimize multiple-tab switching effect

Browse Source
This commit is contained in:
vben
2020-10-12 00:18:32 +08:00
parent 949db9639f
commit f2bdf0b86d
10 changed files with 72 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/hooks/web/useTabs.ts
View File

@@ -1,5 +1,9 @@
import { useTimeout } from '/@/hooks/core/useTimeout';
import { PageEnum } from '/@/enums/pageEnum';
import { TabItem, tabStore } from '/@/store/modules/tab';
import { appStore } from '/@/store/modules/app';
import router from '/@/router';
type Fn = () => void;
type RouteFn = (tabItem: TabItem) => void;
@@ -66,5 +70,12 @@ export function useTabs() {
closeOther: () => canIUseFn() && closeOther(tabStore.getCurrentTab),
closeCurrent: () => canIUseFn() && closeCurrent(tabStore.getCurrentTab),
resetCache: () => canIUseFn() && resetCache(),
addTab: (path: PageEnum, goTo = false) => {
useTimeout(() => {
tabStore.addTabByPathAction(path);
}, 0);
goTo && router.push(path);
},
};
}