github_mirrors/hotgo
1
0
Fork 0
mirror of https://github.com/bufanyun/hotgo.git synced 2025-08-26 16:46:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #47 from maxbad/v2.0

Browse Source 
修复transition组件导致的白屏(重现: 热更新transition下的组件script代码切换tab即可)
This commit is contained in:
孟帅
2023-08-15 16:37:56 +08:00
committed by GitHub
parent 2a1e0c811c 71578ab6f5
commit 9f91977a0d
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Form/src/BasicForm.vue
View File

@@ -136,7 +136,7 @@
import { deepMerge } from '@/utils';
export default defineComponent({
name: 'BasicUpload',
name: 'BasicForm',
components: { DownOutlined, UpOutlined, QuestionCircleOutlined },
props: {
...basicProps,

21
web/src/layout/components/Main/index.vue
View File

@@ -2,18 +2,26 @@
<RouterView>
<template #default="{ Component, route }">
{{ retryKeepAlive(route) }}
<transition :name="getTransitionName" mode="out-in" appear>
<keep-alive v-if="keepAliveComponents" :include="keepAliveComponents">
<template v-if="mode === 'production'">
<transition :name="getTransitionName" appear mode="out-in">
<keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
<component :is="Component" :key="route.fullPath" />
</keep-alive>
<component :is="Component" v-else :key="route.fullPath" />
</transition>
</template>
<template v-else>
<keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
<component :is="Component" :key="route.fullPath" />
</keep-alive>
<component v-else :is="Component" :key="route.fullPath" />
</transition>
<component :is="Component" v-else :key="route.fullPath" />
</template>
</template>
</RouterView>
</template>
<script>
import { defineComponent, computed, unref } from 'vue';
import { computed, defineComponent, unref } from 'vue';
import { useAsyncRouteStore } from '@/store/modules/asyncRoute';
import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
import { useRouter } from 'vue-router';
@@ -72,11 +80,12 @@
}
}
}
const mode = import.meta.env.MODE;
return {
keepAliveComponents,
getTransitionName,
retryKeepAlive,
mode,
};
},
});