徽章

v-badge组件可以包装任何类型的内容以突出显示用户的信息,或只提醒注意特定的元素。

用例

Any element can be used with a badge.

API

v-badge
名称
bottom
默认值
false
类型
boolean

将组件向底部对齐

名称
color
默认值
'primary'
类型
string

将指定的色彩应用与控件

名称
left
默认值
false
类型
boolean

将组件向左边对齐

名称
mode
默认值
undefined
类型
string

设置过渡模式(不适用于“过渡组(transition-group)”)

名称
origin
默认值
undefined
类型
string

设置过渡原点

名称
overlap
默认值
false
类型
boolean

组件将折叠插槽里的内容

名称
transition
默认值
'fab-transition'
类型
string

设置组件过渡效果,可以是内置的过渡配置或者是您自己的配置的其中一个。

名称
value
默认值
true
类型
any

控制可见性

示例

重叠

当使用overlap属性时,徽章将重叠它的内容

内联

徽章也可以内联地放在文本内。

图标

徽章可以使用所有当前支持的图标集。

可见性

徽章的可见性可以用v-model来控制。

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore