index.vue 532 B

123456789101112131415161718
  1. <template>
  2. <AppTabs />
  3. <el-main>
  4. <router-view v-slot="{ Component, route }">
  5. <transition appear name="fade-transform" mode="out-in">
  6. <keep-alive>
  7. <component :is="Component" :key="route.name" />
  8. </keep-alive>
  9. </transition>
  10. </router-view>
  11. </el-main>
  12. </template>
  13. <script lang="ts" name="AppMain" setup>
  14. // 注入刷新页面方法
  15. const isRouterShow = ref(true)
  16. const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val)
  17. provide('refresh', refreshCurrentPage)
  18. </script>