跳转到内容

警告提示 Alert

通过 #action 插槽自定义操作按钮

通过设置 banner,可将警告提示作为顶部公告使用(去除边框和圆角)。

展现需要关注的信息,适用于简短的警告提示。

通过设置 closable,可开启关闭按钮。

指定 close-element slot,自定义关闭元素。

通过设置 :show-icon="false" 来隐藏图标。

通过设置 title 可以给警告提示添加标题。

警告提示有 infosuccesswarningerror 四种类型。2.41.0 版本新增 normal 类型,此类型下默认不展示图标。

参数名 描述 类型 默认值
type 警告提示的类型。2.41.0 新增 normal 类型 info | success | warning | error | normal 'info'
show-icon 是否展示图标 boolean true
closable 是否展示关闭按钮 boolean false
title 警告提示的标题 string -
banner 是否作为顶部公告使用(去除边框和圆角) boolean false
center 内容是否居中显示 boolean false
事件名 描述 参数
close 点击关闭按钮时触发 ev: MouseEvent
after-close 关闭动画结束后触发 -
插槽名 描述 参数 版本
icon 图标 -
title 标题 -
action 操作项 -
close-element 关闭元素 - 2.36.0