import{o as a,c as t,a as n}from"./app.c38d1953.js";const s='{"title":"Error 缺省组件","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"Error 属性","slug":"error-属性"},{"level":2,"title":"Error 事件","slug":"error-事件"},{"level":2,"title":"如何扩展新类型","slug":"如何扩展新类型"}],"relativePath":"components/error.md","lastUpdated":1721206001124}',e={},r=n('

Error 缺省组件

用于各种占位图组件,如 404403500 等错误页面。

Error 组件位于 src/components/Error

用法

<script setup lang="ts">\nimport { Error } from '@/components/Error'\n</script>\n\n<template>\n  <Error />\n</template>\n\n

Error 属性

属性说明类型可选值默认值
type占位图类型string-404

Error 事件

方法名说明回调参数
errorClick点击按钮后的回调-

如何扩展新类型

目前只提供了 404403500 三种类型,如果不满足实际需求,可自行扩展。

只需在 src/components/Error/src/Error.vue 文件的 errorMap 对象扩展对应类型即可。

',12);e.render=function(n,s,e,o,p,c){return a(),t("div",null,[r])};export default e;export{s as __pageData};