diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
index b6a79d9a..3779fc66 100644
--- a/src/layout/components/Sidebar/Link.vue
+++ b/src/layout/components/Sidebar/Link.vue
@@ -16,9 +16,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import {computed, defineComponent} from 'vue'
 import { isExternal } from '@/utils/validate'
 import { useRouter } from 'vue-router'
+import {useAppStoreHook} from "@/store/modules/app";
+
+const sidebar = computed(() => useAppStoreHook().sidebar);
+const device = computed(() => useAppStoreHook().device);
+
 export default defineComponent({
   props: {
     to: {
@@ -29,7 +34,9 @@ export default defineComponent({
   setup(props) {
     const router = useRouter()
     const push = () => {
-      console.log(props.to)
+      if (device.value === 'mobile' && sidebar.value.opened == true) {
+        useAppStoreHook().closeSideBar(false)
+      }
       router.push(props.to).catch((err) => {
         console.log(err)
       })