docs_vue2/one/docs/components/alert.md
2020-08-13 11:47:56 +08:00

2.0 KiB

Alert 提示

示例

类型

Alert 有四种类型,分别是 successinfowarningerror,可以通过 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 关闭。