From d4d3d06a5a460f4209544c48951ee1e298738f5c Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Tue, 23 Aug 2022 15:07:29 +0800
Subject: [PATCH] refactor: NavigationBar Component
---
src/layout/components/NavigationBar/index.vue | 24 ++++++++-----------
1 file changed, 10 insertions(+), 14 deletions(-)
diff --git a/src/layout/components/NavigationBar/index.vue b/src/layout/components/NavigationBar/index.vue
index 5803770..e2fbdf4 100644
--- a/src/layout/components/NavigationBar/index.vue
+++ b/src/layout/components/NavigationBar/index.vue
@@ -1,5 +1,5 @@
<script lang="ts" setup>
-import { computed, reactive } from "vue"
+import { computed } from "vue"
import { useRouter } from "vue-router"
import { useAppStore } from "@/store/modules/app"
import { useSettingsStore } from "@/store/modules/settings"
@@ -25,22 +25,18 @@ const showScreenfull = computed(() => {
return settingsStore.showScreenfull
})
-const state = reactive({
- toggleSideBar: () => {
- appStore.toggleSidebar(false)
- },
- logout: () => {
- userStore.logout()
- router.push("/login").catch((err) => {
- console.warn(err)
- })
- }
-})
+const toggleSidebar = () => {
+ appStore.toggleSidebar(false)
+}
+const logout = () => {
+ userStore.logout()
+ router.push("/login")
+}
</script>
<template>
<div class="navigation-bar">
- <Hamburger :is-active="sidebar.opened" class="hamburger" @toggle-click="state.toggleSideBar" />
+ <Hamburger :is-active="sidebar.opened" class="hamburger" @toggle-click="toggleSidebar" />
<Breadcrumb class="breadcrumb" />
<div class="right-menu">
<Screenfull v-if="showScreenfull" class="right-menu-item" />
@@ -70,7 +66,7 @@ const state = reactive({
<a target="_blank" href="https://gitee.com/un-pany/v3-admin">
<el-dropdown-item>V3-Admin Gitee</el-dropdown-item>
</a>
- <el-dropdown-item divided @click="state.logout">
+ <el-dropdown-item divided @click="logout">
<span style="display: block">退出登录</span>
</el-dropdown-item>
</el-dropdown-menu>