Result
July 8, 2026About 1 min
Some documentation on this page is available in Chinese only. Component built-in messages follow English; untranslated example text remains in its original language.
Result
用于反馈一系列操作任务的处理结果,当有重要操作需告知用户处理结果,且反馈内容较为复杂时使用。
Examples
基础用法
展示结果状态。
成功状态
展示成功状态。
警告状态
展示警告状态。
错误状态
展示错误状态。
HTTP状态码 403
没有当前页面的访问权限。
HTTP状态码 404
页面未找到
HTTP状态码 500
通常表示服务器错误
自定义状态
自定义状态。需要传入指定的图标
完整功能
完整功能
API
<result> Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| status | 结果页显示的状态 | 'info' | 'success' | 'warning' | 'danger' | '403' | '404' | '500' | 'info' |
| title | 标题内容 | string | - |
| subtitle | 子标题内容 | string | - |
<result> Slots
| 插槽名 | 描述 | 参数 | 版本 |
|---|---|---|---|
| icon | 图标 | - | |
| title | 标题 | - | |
| subtitle | 副标题 | - | |
| extra | 操作区 | - | 2.8.0 |
| default | 默认插槽 | - | 2.8.0 |
类型定义
组件导出以下类型定义
import type { ResultInstance } from '@cedarjs/ui'