mirror of
https://github.com/m-xlsea/ruoyi-plus-soybean.git
synced 2025-09-24 07:49:47 +08:00
35 lines
1003 B
Vue
35 lines
1003 B
Vue
<template>
|
|
<hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh">
|
|
<icon-mdi-refresh class="text-22px" :class="{ 'animate-spin': loading }" />
|
|
</hover-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useRoute } from 'vue-router';
|
|
import { useAppStore, useRouteStore } from '@/store';
|
|
import { useLoading } from '@/hooks';
|
|
defineOptions({ name: 'ReloadButton' });
|
|
|
|
const app = useAppStore();
|
|
const routeStore = useRouteStore();
|
|
const route = useRoute();
|
|
const { loading, startLoading, endLoading } = useLoading();
|
|
|
|
function handleRefresh() {
|
|
const isCached = routeStore.cacheRoutes.includes(String(route.name));
|
|
if (isCached) {
|
|
routeStore.removeCacheRoute(route.name as AuthRoute.AllRouteKey);
|
|
}
|
|
startLoading();
|
|
app.reloadPage();
|
|
setTimeout(() => {
|
|
if (isCached) {
|
|
routeStore.addCacheRoute(route.name as AuthRoute.AllRouteKey);
|
|
}
|
|
endLoading();
|
|
}, 1000);
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|