mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2025-12-28 12:10:20 +08:00
21 lines
620 B
Vue
21 lines
620 B
Vue
<template>
|
|
<router-view v-slot="{ Component, route }">
|
|
<transition name="fade-slide" mode="out-in" appear>
|
|
<keep-alive :include="keepAliveRouteNames">
|
|
<component :is="Component" v-if="appStore.reloadFlag" :key="route.path" />
|
|
</keep-alive>
|
|
</transition>
|
|
</router-view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useAppStore } from '@/store/modules/app'
|
|
|
|
const appStore = useAppStore()
|
|
const router = useRouter()
|
|
const allRoutes = router.getRoutes()
|
|
const keepAliveRouteNames = computed(() => {
|
|
return allRoutes.filter((route) => route.meta?.keepAlive).map((route) => route.name)
|
|
})
|
|
</script>
|