website/src/components/PageNotFound.vue

33 lines
646 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="mycontainer">
<el-result
icon="warning"
title="404请求资源不存在"
sub-title="抱歉未找到页面"
>
<template #extra>
<el-button type="primary" @click="toHomePage">返回首页</el-button>
</template>
</el-result>
</div>
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const toHomePage = ()=>{
router.replace('/index')
}
</script>
<style lang="scss" scoped>
.mycontainer{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
</style>