fix: 修复多级菜单无法正常加载bug

meadmin-cn · Sep 2, 2022 · f14edad · f14edad
1 parent 8d64714
commit f14edad
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/components/meComponent.ts b/src/components/meComponent.ts
@@ -4,6 +4,7 @@ import { useLoadMessages } from '@/locales/i18n';
 import { done } from '@/utils/nProgress';
 import { localeConfig } from '@/config';
 export default defineComponent({
+  name: 'meComponent',
   props: {
     is: {
       type: [String, Object],
@@ -44,6 +45,7 @@ export default defineComponent({
       );
       if (props.keepAlive) {
         const index = components.length - 1;
+        console.log(index);
         components.push(h(MeKeepAlive, props.keepAlive, [components[index]]));
       }
       if (props.transition) {

diff --git a/src/layout/components/page.vue b/src/layout/components/page.vue
@@ -2,7 +2,7 @@
   <router-view v-slot="{ Component, route }">
     <me-component
       :is="Component"
-      :transition="{ name: 'fade-transform', mode: 'out-in' }"
+      :transition="props.transition"
       :keep-alive="keepAliveProps"
       :component-key="route.fullPath"
       done-progress
@@ -14,6 +14,10 @@
 <script setup lang="ts" name="layoutPage">
 import { MeKeepAliveProps } from '@/components/meKeepAlive';
 import { useRouteStore } from '@/store';
+import { PropType, TransitionProps } from 'vue';
+const props = defineProps({
+  transition: Object as PropType<TransitionProps>,
+});
 const routeStore = useRouteStore();
 const keepAliveProps = reactive<MeKeepAliveProps>({
   max: 30,

diff --git a/src/layout/index.vue b/src/layout/index.vue
@@ -11,7 +11,7 @@
         <el-scrollbar>
           <layout-header v-if="!themeConfig.fixedHeader"></layout-header>
           <div class="main">
-            <layout-page></layout-page>
+            <layout-page :transition="{ name: 'fade-transform', mode: 'out-in' }"></layout-page>
           </div>
         </el-scrollbar>
       </el-main>