t510599/ntu-awd-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: auth state change should reset keepalive

Browse Source
This commit is contained in:
Tony Yang
2025-04-15 04:09:15 +08:00
parent f7ee02586b
commit 09ff1eb1da
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+5 -1
View File
@@ -3,6 +3,10 @@ import { RouterView } from 'vue-router';
import Navbar from './components/Navbar.vue'; import Navbar from './components/Navbar.vue';
import Footer from './components/Footer.vue'; import Footer from './components/Footer.vue';
import { useAuthStore } from './stores/auth';
const authStore = useAuthStore();
</script> </script>
<template> <template>
@@ -10,7 +14,7 @@ import Footer from './components/Footer.vue';
<div style="flex: 1;"> <div style="flex: 1;">
<RouterView v-slot="{ Component }"> <RouterView v-slot="{ Component }">
<KeepAlive> <KeepAlive>
<component :key="$route.name" :is="Component" v-if="$route.meta.keepAlive" /> <component :key="`${authStore.jwt}-${$route.name}`" :is="Component" v-if="$route.meta.keepAlive" />
</KeepAlive> </KeepAlive>
<component :is="Component" v-if="!$route.meta.keepAlive" /> <component :is="Component" v-if="!$route.meta.keepAlive" />
</RouterView> </RouterView>