Badge 徽章

按钮和图标上的数字或状态标记。

基础用法

可以用来展示新消息的数量。

最大值

你还可以自定义最大值

自定义显示内容

你也可以展示除数字以外你想要展示的任何值。

小红点

通过一个小红点标记来告知用户有新内容。

Badge API

Badge 属性

属性名说明类型默认值
value显示值string | number''
max最大值,超过最大值会显示 {max}+。 只有当 value 是数字类型时才会工作。number99
is-dot是否显示小圆点。booleanfalse
hidden是否隐藏 Badge。booleanfalse
typebadge 类型。'primary' | 'success' | 'warning' | 'danger' | 'info''danger'

Badge 插槽

插槽名说明
default自定义默认内容

源代码

组件文档

贡献者