添加 keep-alive 缓存页面

src/layout/components/AppMain.vue

@@ -1,8 +1,8 @@
 <template>
   <section class="app-main">
     <transition name="fade-transform" mode="out-in">
-      <keep-alive :include="cachedViews">
-        <router-view :key="key" />
+      <keep-alive>
+        <router-view />
       </keep-alive>
     </transition>
   </section>
@@ -10,17 +10,17 @@
 
 <script>
 export default {
-  name: 'AppMain',
+  name: "AppMain",
   computed: {
     cachedViews() {
       // console.log(this.$store.state.tagsView.cachedViews);
-      return this.$store.state.tagsView.cachedViews
+      return this.$store.state.tagsView.cachedViews;
     },
     key() {
-      return this.$route.path
-    }
-  }
-}
+      return this.$route.path;
+    },
+  },
+};
 </script>
 
 <style scoped>
@@ -31,7 +31,7 @@ export default {
   position: relative;
   overflow: hidden;
 }
-.fixed-header+.app-main {
+.fixed-header + .app-main {
   /* padding-top: 50px; */
   padding-top: 80px;
 }

src/views/basic_data/dealer.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/basic_data/logistics.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/basic_data/material.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/basic_data/stock.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/basic_data/supplier.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/basic_data/taker.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/basic_data/wallet.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/basic_data/warehouse.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/finance/cash.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/finance/details.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/finance/rebate.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/sales/price.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/sales/sales_policy.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/sales/sales_rebate.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
 </template>

src/views/supply/adjust.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/allot.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/apply.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/deliver.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/direct.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/displace.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/engin.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/implement.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/pickup.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/purchase.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/reserve.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/retail.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/return.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>

src/views/supply/sales.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <keep-alive>
     <router-view />
+    </keep-alive>
   </div>
-</template>
+</template>