警告提示 Alert
通过 #action 插槽自定义操作按钮
通过设置 banner,可将警告提示作为顶部公告使用(去除边框和圆角)。
展现需要关注的信息,适用于简短的警告提示。
通过设置 closable,可开启关闭按钮。
自定义关闭元素
Section titled “自定义关闭元素”指定 close-element slot,自定义关闭元素。
通过设置 :show-icon="false" 来隐藏图标。
通过设置 title 可以给警告提示添加标题。
警告提示有 info、success、warning、error 四种类型。2.41.0 版本新增 normal 类型,此类型下默认不展示图标。
<alert> Props
Section titled “<alert> Props”| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| type | 警告提示的类型。2.41.0 新增 normal 类型 | info | success | warning | error | normal | 'info' |
| show-icon | 是否展示图标 | boolean | true |
| closable | 是否展示关闭按钮 | boolean | false |
| title | 警告提示的标题 | string | - |
| banner | 是否作为顶部公告使用(去除边框和圆角) | boolean | false |
| center | 内容是否居中显示 | boolean | false |
<alert> Events
Section titled “<alert> Events”| 事件名 | 描述 | 参数 |
|---|---|---|
| close | 点击关闭按钮时触发 | ev: MouseEvent |
| after-close | 关闭动画结束后触发 | - |
<alert> Slots
Section titled “<alert> Slots”| 插槽名 | 描述 | 参数 | 版本 |
|---|---|---|---|
| icon | 图标 | - | |
| title | 标题 | - | |
| action | 操作项 | - | |
| close-element | 关闭元素 | - | 2.36.0 |