routerHolder.vue 656 B

12345678910111213141516171819202122232425
  1. <!-- 此路由可作为父类路由通用路由页面使用 如需自定义父类路由页面 请参考 @/view/superAdmin/index.vue -->
  2. <template>
  3. <div>
  4. <router-view v-slot="{ Component }">
  5. <transition
  6. mode="out-in"
  7. name="el-fade-in-linear"
  8. >
  9. <keep-alive :include="routerStore.keepAliveRouters">
  10. <div>
  11. <component :is="Component" />
  12. </div>
  13. </keep-alive>
  14. </transition>
  15. </router-view>
  16. </div>
  17. </template>
  18. <script setup>
  19. defineOptions({
  20. name: 'RouterHolder'
  21. })
  22. import { useRouterStore } from '@/pinia/modules/router'
  23. const routerStore = useRouterStore()
  24. </script>