docs_vue2/one/docs/components/alert.md

Alert 提示

示例

类型

Alert 有四种类型，分别是 success、info、warning 和 error，可以通过 type 属性指定不同的类型。

多消息切换

可以将 message 属性指定为数组，来实现展现多条可切换的消息提示。

标题

设置 title 属性来指定消息标题。

额外内容

通过 extra 插槽来指定消息之后的额外内容区域。

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	[^slot-default]
title	消息标题的内容区域。
extra	消息之后的额外内容区域。
content	整个消息区域，包括状态图标、切换按钮、关闭按钮等。

^^^slot-default 消息内容区域。

默认内容：消息文本。

+++作用域参数

名称	类型	描述
message	string	消息文本。
index	number=	当有多条消息时，当前消息的索引值。
close	function	用于关闭提示。
+++
^^^

图标

名称	描述
success	成功消息。
warning	警告消息。
info	信息消息。
error	错误消息。
prev	上一条。
next	下一条。
close	关闭。