fix: custom route-view keepAlive

Author: sendya

src/layouts/PageView.vue

@@ -41,14 +41,18 @@
       <div class="page-header-index-wide">
         <slot>
           <!-- keep-alive  -->
-          <router-view ref="content"></router-view>
+          <keep-alive v-if="multiTab">
+            <router-view ref="content" />
+          </keep-alive>
+          <router-view v-else ref="content" />
         </slot>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import { mapState } from 'vuex'
 import PageHeader from '@/components/PageHeader'
 
 export default {
@@ -80,6 +84,11 @@ export default {
       tabs: {}
     }
   },
+  computed: {
+    ...mapState({
+      multiTab: state => state.app.multiTab
+    })
+  },
   mounted () {
     this.getPageMeta()
   },

src/layouts/RouteView.vue

@@ -1,6 +1,12 @@
 <script>
 export default {
   name: 'RouteView',
+  props: {
+    keepAlive: {
+      type: Boolean,
+      default: true
+    }
+  },
   data () {
     return {}
   },
@@ -17,10 +23,10 @@ export default {
     // 这里增加了 multiTab 的判断，当开启了 multiTab 时
     // 应当全部组件皆缓存，否则会导致切换页面后页面还原成原始状态
     // 若确实不需要，可改为 return meta.keepAlive ? inKeep : notKeep
-    if (meta.keepAlive === false) {
+    if (!getters.multiTab && meta.keepAlive === false) {
       return notKeep
     }
-    return getters.multiTab || meta.keepAlive ? inKeep : notKeep
+    return this.keepAlive || getters.multiTab || meta.keepAlive ? inKeep : notKeep
   }
 }
 </script>