Vuetify

商店

企业版

v-badge 组件的上标或下标是一个类似头像的图标或文本,用于向用户突出显示信息或将注意力吸引到特定元素上。徽章内的内容通常包含数字或图标。

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

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

徽章有助于以各种方式向用户传递信息。

你可以用可见性控制做很多事情,例如,在鼠标悬停时显示徽章。

你可以将徽章与动态内容合并,以创建通知系统之类的东西。

v-badge 组件是灵活的,可以在各种使用场景中使用,并可以在众多元素上使用。还可以通过 offset-xoffset-y props 来调整位置。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!