mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2025-05-01 22:59:01 +08:00
23 lines
690 B
Vue
23 lines
690 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 { computed } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
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>
|