头像

v-avatar组件被用来控制用于控制响应图像的大小和边界半径,通常用于显示个人介绍的图片。

用例

The avatar has a dynamic size that can be scaled for any situation. A tile variation is available for displaying an avatar without border radius.

API

v-avatar
名称
color
默认值
undefined
类型
string

将指定的色彩应用与控件

名称
size
默认值
48
类型
number | string

设置元素的高度和宽度

名称
tile
默认值
false
类型
boolean

删除边框弧度

示例

高级用法

将头像与其他组件组合在一起,您就可以构建漂亮的用户界面。

图标和文本

头像也接受v-icon组件或者文本。将他们混合和匹配功能,就可以创建一些独特的东西。

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