Alert 提示
用于页面中展示重要的提示信息。
基础用法
Alert 组件不属于浮层元素,不会自动消失或关闭。 Alert 组件提供5种类型,由 type 属性指定,默认值为 info。
自定义关闭按钮
你可以设置 Alert 组件是否为可关闭状态, 关闭按钮的内容以及关闭时的回调函数同样可以定制。 closable 属性决定 Alert 组件是否可关闭, 该属性接受一个 Boolean,默认为 false。 你可以设置 close-text 属性来代替右侧的关闭图标, 需要注意的是 close-text 必须是一个字符串。 当 Alert 组件被关闭时会触发 close 事件。
使用图标
自定义图标
辅助性文字介绍的提示
Alert API
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | Alert 标题 | string | -- |
| type | Alert 类型。 | success / warning / danger /info/primary | info |
| description | 描述性文本 | string | -- |
| closable | 是否可以关闭 | boolean | false |
| close-text | 自定义关闭按钮文本 | string | -- |
| show-icon | 是否显示类型图标 | boolean | false |
Event
| 名称 | 描述 | 类型 |
|---|---|---|
| close | 关闭 Alert 时触发的事件 | Function |
Slots
| 名称 | 描述 |
|---|---|
| default | Alert 内容描述 |
| icon | icon 的内容 |
| description | 描述性文本 |