警报

显示重要的警报消息。

基本用法

警报组件是页面中不会自动消失的非覆盖元素。

Alert 提供 type 定义的 5 种主题,默认值为 infoprimary 已添加到 2.9.11 中。

主题

Alert 提供两种不同的主题,lightdark

设置 effect 更改主题,默认为 light

可定制的关闭按钮

将关闭按钮自定义为文本或其他符号。

Alert 允许您配置它是否可关闭。关闭按钮文本和关闭回调也是可定制的。 closable 属性决定组件是否可以关闭。接受boolean,默认为true。您可以设置 close-text 属性来替换默认的十字符号作为关闭按钮。请注意,close-text 必须是字符串。 close 事件在组件关闭时触发。

带图标

显示图标可提高可读性。

设置 show-icon 属性会显示与当前警报类型相对应的图标。或者使用icon插槽来自定义图标。

居中文本

使用 center 属性使文本居中。

带描述

描述包括包含更详细信息的消息。

除了必需的 title 属性外,您还可以添加 description 属性来帮助您更详细地描述警报。描述只能存储文本字符串,并且会自动换行。

带图标和说明

最后,这是一个带有图标和说明的示例。

警报API

属性

名称描述类型默认
标题警报标题。字符串
类型警报类型。枚举信息
描述描述性文字。字符串
可关闭是否可以解除警报。布尔值真实
中心内容是否放置在中心。布尔值
关闭文本自定义关闭按钮文本。字符串
显示图标是否显示类型图标。布尔值
效果主题风格。枚举

活动

名称描述类型
关闭警报关闭时触发。功能

老虎机

名称描述
默认警报描述的内容。
标题警报标题的内容。
图标 2.9.7警报图标的内容。