解决页面缩小就清空

src/components/page/GlobalLayout.vue

@@ -2,7 +2,7 @@
   <a-layout class="layout" :class="[device]">
 
     <template v-if="layoutMode === 'sidemenu'">
-      <a-drawer
+      <!-- <a-drawer
         v-if="device === 'mobile'"
         :wrapClassName="'drawer-sider ' + navTheme"
         placement="left"
@@ -10,8 +10,8 @@
         :closable="false"
         :visible="collapsed"
         width="200px"
-      >
-        <side-menu
+      > -->
+        <!-- <side-menu
           mode="inline"
           v-if="device === 'mobile'"
           :menus="menus"
@@ -19,11 +19,10 @@
           @updateMenuTitle="handleUpdateMenuTitle"
           :theme="navTheme"
           :collapsed="false"
-          :collapsible="true"></side-menu>
-      </a-drawer>
+          :collapsible="true"></side-menu> -->
+      <!-- </a-drawer> -->
 
       <side-menu
-        v-show="device === 'desktop'"
         mode="inline"
         :menus="menus"
         @menuSelect="myMenuSelect"
@@ -33,7 +32,7 @@
         :collapsible="true"></side-menu>
     </template>
     <!-- 下次优化这些代码 -->
-    <template v-else>
+    <!-- <template v-else>
       <a-drawer
         v-if="device === 'mobile'"
         :wrapClassName="'drawer-sider ' + navTheme"
@@ -52,7 +51,7 @@
           :collapsed="false"
           :collapsible="true"></side-menu>
       </a-drawer>
-    </template>
+    </template> -->
 
     <a-layout
       :class="[layoutMode, `content-width-${contentWidth}`]"