Result
2026年7月8日小于 1 分钟
Result
用于反馈一系列操作任务的处理结果,当有重要操作需告知用户处理结果,且反馈内容较为复杂时使用。
案例
基础用法
展示结果状态。
成功状态
展示成功状态。
警告状态
展示警告状态。
错误状态
展示错误状态。
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'