Skip to content

徽章

v-badge 组件用于在内容的右上或者右下角显示图标或者文字内容,来向用户展示内容或者只是吸引用户的注意力。带徽章的内容通常是带有数字或者图标。

使用

最简单形式的徽章显示在它包装的内容的右上角,并且需要徽章插槽。

API

组件描述
v-badge主要组件

示例

属性

点状徽章

dot 属性移除了徽章的内容,并减少它的大小。这在你需要吸引用户注意力时非常有用。

行内徽章

行内徽章可以放置于内容的任何部分,且无需 default 插槽。

内容

对于简单的文字,使用 content 属性能够在徽章上显示值。