ModelMain 主界面改造

src/views/ModelMain.vue

@@ -43,8 +43,10 @@
             <SplitArea v-show="!hideLeft" class="section-left" :class="{'hidden-split':hideLeft}"
                        :size="hideLeft ? 0 : sectionLeftSize">
               <div class="section-item-wrap">
-                <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component"
-                           @close="closeMe('hideLeft')" />
+                <keep-alive>
+                  <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component"
+                             @close="closeMe('hideLeft')" :key="calcLeftPanel?.name" />
+                </keep-alive>
               </div>
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
@@ -65,16 +67,20 @@
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
-                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
-                           @close="()=>closeMe('hideRight')" />
+                <keep-alive>
+                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
+                             @close="()=>closeMe('hideRight')" :key="calcRightPanel.name" />
+                </keep-alive>
               </div>
             </SplitArea>
           </Split>
         </SplitArea>
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
-            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
-                       @close="()=>closeMe('hideBottom')" />
+            <keep-alive>
+              <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
+                         @close="()=>closeMe('hideBottom')" :key="calcBottomPanel.name" />
+            </keep-alive>
           </div>
         </SplitArea>
       </Split>