From 44ad220cdd7eb3c967a4ccac0b2e5b0c0e22738e Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期日, 29 五月 2022 21:40:32 +0800 Subject: [PATCH] 使用Pinia代替Vuex进行数据存储 --- src/components/TopNav/index.vue | 21 +++++++++++++-------- 1 files changed, 13 insertions(+), 8 deletions(-) diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue index e3e5c97..003e5f6 100644 --- a/src/components/TopNav/index.vue +++ b/src/components/TopNav/index.vue @@ -30,6 +30,9 @@ <script setup> import { constantRoutes } from "@/router" import { isHttp } from '@/utils/validate' +import useAppStore from '@/store/modules/app' +import useSettingsStore from '@/store/modules/settings' +import usePermissionStore from '@/store/modules/permission' // 椤堕儴鏍忓垵濮嬫暟 const visibleNumber = ref(null); @@ -38,14 +41,16 @@ // 闅愯棌渚ц竟鏍忚矾鐢� const hideList = ['/index', '/user/profile']; -const store = useStore(); +const appStore = useAppStore() +const settingsStore = useSettingsStore() +const permissionStore = usePermissionStore() const route = useRoute(); const router = useRouter(); // 涓婚棰滆壊 -const theme = computed(() => store.state.settings.theme); +const theme = computed(() => settingsStore.theme); // 鎵�鏈夌殑璺敱淇℃伅 -const routers = computed(() => store.state.permission.topbarRouters); +const routers = computed(() => permissionStore.topbarRouters); // 椤堕儴鏄剧ず鑿滃崟 const topMenus = computed(() => { @@ -91,10 +96,10 @@ if (path !== undefined && path.lastIndexOf("/") > 0 && hideList.indexOf(path) === -1) { const tmpPath = path.substring(1, path.length); activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/")); - store.dispatch('app/toggleSideBarHide', false); + appStore.toggleSideBarHide(false); } else if(!route.children) { activePath = path; - store.dispatch('app/toggleSideBarHide', true); + appStore.toggleSideBarHide(true); } activeRoutes(activePath); return activePath; @@ -114,11 +119,11 @@ } else if (!route || !route.children) { // 娌℃湁瀛愯矾鐢辫矾寰勫唴閮ㄦ墦寮� router.push({ path: key }); - store.dispatch('app/toggleSideBarHide', true); + appStore.toggleSideBarHide(true); } else { // 鏄剧ず宸︿晶鑱斿姩鑿滃崟 activeRoutes(key); - store.dispatch('app/toggleSideBarHide', false); + appStore.toggleSideBarHide(false); } } @@ -132,7 +137,7 @@ }); } if(routes.length > 0) { - store.commit("SET_SIDEBAR_ROUTERS", routes); + permissionStore.setSidebarRouters(routes); } return routes; } -- Gitblit v1.9.3