跳转到内容

Alert 警告提示

何时使用

  • 当某个页面需要向用户显示警告的信息时。
  • 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。

代码演示

基本

loading

四种样式

loading

可关闭的警告提示

loading

含有辅助性文字介绍

loading

图标

loading

顶部公告

loading

平滑地卸载

loading

操作

loading

API

参数说明类型默认值版本
action自定义操作项VNode-4.9.0
banner是否用作顶部公告booleanfalse
closable可关闭配置,>=5.15.0: 支持 aria-*boolean | ClosableType & AriaAttributesfalse
description警告提示的辅助性文字介绍VNode-
icon自定义图标,showIcon 为 true 时有效VNode-
title警告提示内容VNode-
showIcon是否显示辅助图标booleanfalse,banner 模式下默认值为 true
type指定警告提示的样式,有四种选择 successinfowarningerrorstringinfobanner 模式下默认值为 warning

ClosableType

参数说明类型默认值版本
afterClose关闭动画结束后触发的回调函数function--
closeIcon自定义关闭图标VNode--
onClose关闭时触发的回调函数(e: MouseEvent) => void--

Alert.ErrorBoundary

参数说明类型默认值版本
description自定义错误内容,如果未指定会展示报错堆栈VNode
title自定义错误标题,如果未指定会展示原生报错信息VNode

基于 MIT 许可发布