fix: 优化404页面返回按钮逻辑
This commit is contained in:
@@ -1,11 +1,29 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
defineProps<{ path: string }>();
|
defineProps<{ path: string }>();
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Window {
|
||||||
|
stack?: ReturnType<typeof createStackGuard>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const stack = window?.stack;
|
||||||
|
const canGoBack = stack && stack.length > 1;
|
||||||
|
const router = useRouter();
|
||||||
|
function handleBack() {
|
||||||
|
if (canGoBack) {
|
||||||
|
router.back();
|
||||||
|
} else {
|
||||||
|
router.push('/');
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main flex-1 class="flex flex-col items-center justify-center h-full space-y-4">
|
<main flex-1 class="flex flex-col items-center justify-center h-full space-y-4">
|
||||||
<h1>Not Found</h1>
|
<h1>Not Found</h1>
|
||||||
<p>{{ path }} does not exist.</p>
|
<p>{{ path }} does not exist.</p>
|
||||||
<Button @click="$router.back()">Back</Button>
|
<Button @click="handleBack">{{ canGoBack ? 'Back' : 'Home' }}</Button>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user