Vue3——404页面示例代码

实例

<template>
  <el-result
    icon="warning"   //警告图标
    title="404提示"  //标题提示
    sub-title="你找的页面走丢了"  //子标题提示
  >
    <template #extra>
      <el-button
        type="primary"
        @click="$router.push('/')"  //按钮点击事件，当点击按钮跳转至首页界面
      >
        回到首页
      </el-button>
    </template>
  </el-result>
</template>

<script setup lang='ts'>

</script>

<style>
</style>

效果