2.0 KiB
2.0 KiB
Alert 提示
示例
类型
Alert
有四种类型,分别是 success
、info
、warning
和 error
,可以通过 type
属性指定不同的类型。
多消息切换
可以将 message
属性指定为数组,来实现展现多条可切换的消息提示。
API
属性
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
type |
string= |
'success' |
[^type] |
title |
string |
- | 消息标题。 |
message |
`string | Array` | - |
closable |
boolean= |
false |
是否允许关闭。 |
open |
boolean= |
true |
[^open] |
index |
number= |
0 |
[^index] |
^^^type 警告框类型。
+++枚举值
值 | 描述 |
---|---|
info |
信息提示样式。 |
success |
成功样式。 |
warning |
警告样式。 |
error |
错误样式。 |
+++ | |
^^^ |
^^^open
:::badges
.sync
:::
是否显示消息。 ^^^
^^^index
:::badges
.sync
:::
在有多条数据时,当前显示的消息的索引。 ^^^
插槽
名称 | 描述 |
---|---|
default |
[^scoped-slot-default] |
title |
消息标题的内容区域。 |
extra |
消息之后的额外内容区域。 |
content |
整个消息区域,包括状态图标、切换按钮、关闭按钮等。 |
^^^scoped-slot-default 消息内容区域。
默认内容:消息文本。
+++作用域参数
名称 | 类型 | 描述 |
---|---|---|
message |
string |
消息文本。 |
index |
number= |
当有多条消息时,当前消息的索引值。 |
close |
function |
用于关闭提示。 |
+++ | ||
^^^ |
图标
名称 | 描述 |
---|---|
success |
成功消息。 |
warning |
警告消息。 |
info |
信息消息。 |
error |
错误消息。 |
prev |
上一条。 |
next |
下一条。 |
close |
关闭。 |