update: 缓存

src/components/layout/index.vue

@@ -25,33 +25,6 @@ export default {
   name: 'DmHbLayout',
   components: { MainMenu, AsideMenu, BreadMenu },
   provide: () => provideData,
-  beforeRouteUpdate(to, from, next) {
-    if (Array.isArray(to.meta.fromPath)) {
-      const isKeepAlive = to.meta.fromPath.some(el => {
-        let menuUrlReg = el;
-        let pathConfigReg = /(:.*)(\/?)/;
-        const pathRegStr = '([\\d\\w]+[\\-]*[\\d\\w]*)';
-        while (pathConfigReg.test(menuUrlReg)) {
-          menuUrlReg = menuUrlReg.replace(pathConfigReg, `${pathRegStr}$2`);
-        }
-        pathConfigReg = /(\/\*)(\/?)/;
-        while (pathConfigReg.test(menuUrlReg)) {
-          menuUrlReg = menuUrlReg.replace(pathConfigReg, `${pathRegStr}$2`);
-        }
-        const reg = new RegExp(`^${menuUrlReg}$`);
-        return reg.test(from.path);
-      });
-      if (!isKeepAlive) {
-        this.keepAlive = this.keepAlive.filter(el => el != to.meta.componentName);
-      }
-      setTimeout(() => {
-        if (this.keepAlive.every(el => el != to.meta.componentName)) {
-          this.keepAlive.push(to.meta.componentName);
-        }
-      }, 100);
-    }
-    next();
-  },
   props: {
     // 菜单树数据
     menuList: {
@@ -91,11 +64,10 @@ export default {
     }
   },
   created() {
-    if (Array.isArray(this.$route.meta.fromPath)) {
-      this.keepAlive.push(this.$route.meta.componentName);
-    }
+    this.setKeepAlive(this.$route, {});
     this.$router.beforeEach((to, from, next) => {
       this.activedMenu = this.getActivedMenu(this.getMenuByPath(to.path.slice(1)));
+      this.setKeepAlive(to, from);
       next();
     });
     provideData.layoutVm = this;
@@ -144,6 +116,32 @@ export default {
     getMenuByPath(path) {
       return this.pageRight.find(el => el.regexp.test('/' + path)) || {};
     },
+    setKeepAlive(to, from) {
+      if (Array.isArray(to.meta.fromPath)) {
+        const isKeepAlive = to.meta.fromPath.some(el => {
+          let menuUrlReg = el;
+          let pathConfigReg = /(:.*)(\/?)/;
+          const pathRegStr = '([\\d\\w]+[\\-]*[\\d\\w]*)';
+          while (pathConfigReg.test(menuUrlReg)) {
+            menuUrlReg = menuUrlReg.replace(pathConfigReg, `${pathRegStr}$2`);
+          }
+          pathConfigReg = /(\/\*)(\/?)/;
+          while (pathConfigReg.test(menuUrlReg)) {
+            menuUrlReg = menuUrlReg.replace(pathConfigReg, `${pathRegStr}$2`);
+          }
+          const reg = new RegExp(`^${menuUrlReg}$`);
+          return reg.test(from.path);
+        });
+        if (!isKeepAlive) {
+          this.keepAlive = this.keepAlive.filter(el => el != to.meta.componentName);
+        }
+        setTimeout(() => {
+          if (this.keepAlive.every(el => el != to.meta.componentName)) {
+            this.keepAlive.push(to.meta.componentName);
+          }
+        }, 100);
+      }
+    },
     onShowLoading(loading) {
       if (loading) {
         this.fullLoading.visible = true;