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('
用于各种占位图组件,如 404
、403
、500
等错误页面。
Error 组件位于 src/components/Error 内
<script setup lang="ts">\nimport { Error } from '@/components/Error'\n</script>\n\n<template>\n <Error />\n</template>\n\n
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 占位图类型 | string | - | 404 |
方法名 | 说明 | 回调参数 |
---|---|---|
errorClick | 点击按钮后的回调 | - |
目前只提供了 404
、403
、500
三种类型,如果不满足实际需求,可自行扩展。
只需在 src/components/Error/src/Error.vue 文件的 errorMap
对象扩展对应类型即可。