update 增加用户个人信息管理的功能

Web/src/views/main/_layout/content.vue

@@ -35,7 +35,13 @@
             >关闭右侧标签页</a-menu-item>
           </a-menu>
         </a-dropdown>
-        <component :is="pane.component" :key="pane.key" :param="pane.param" v-if="pane.loaded" />
+        <component
+          :is="pane.component"
+          :key="pane.key"
+          :param="pane.param"
+          ref="panes"
+          v-if="pane.loaded"
+        />
       </a-tab-pane>
     </a-tabs>
   </a-layout-content>
@@ -75,6 +81,14 @@ export default {
     onLoadContentWindow(key) {
       NProgress.start();
       const pane = this.panes.find((p) => p.key === key);
+
+      // 打开之前先销毁
+      const index = this.panes.indexOf(pane);
+      const component = this.$refs.panes && this.$refs.panes[index];
+      if (component) {
+        component.$destroy();
+      }
+
       const i = import(`@/pages${pane.path}`);
       pane.component = () => i;
       pane.loaded = false;