# Alert 警告
# Alert 概述
静态地呈现一些警告信息,可手动关闭。
# Alert 代码示例
# 基础用法
基本使用方法,有四种样式可以选择 info
、success
、warning
、error
。其中 type 不配置时,默认为 info。
# 含描述信息
自定义 <slot name="desc">
描述内容。
# 图标
根据 type 属性自动添加不同图标,或者自定义图标 slot 。
# 可关闭
显示关闭按钮,点击可关闭提示,也可以自定义关闭 slot 。
# 顶部公告
设置属性 banner
可以应用顶部公告的样式。
# 关闭事件
绑定 on-close 事件,关闭时触发。
# Alert API
# Alert props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 警告提示样式,可选值为 info 、success 、warning 、error | String | info |
closable | 是否可关闭 | Boolean | false |
show-icon | 是否显示图标 | Boolean | false |
banner | 是否去掉弧度框,可以应用顶部公告的样式 | Boolean | false |
# Alert events
事件名 | 说明 | 返回值 |
---|---|---|
on-close | 关闭时触发 | event |
# Alert slot
名称 | 说明 |
---|---|
无 | 警告提示内容 |
desc | 警告提示辅助性文字介绍 |
icon | 自定义图标内容 |
close | 自定义关闭内容 |