el-avatar 组件
时间: 2023-07-08 09:13:44 浏览: 93
【JavaScript源代码】vue el-upload上传文件的示例代码.docx
el-avatar 组件是 ElementUI 组件库中的一个头像组件,用于显示用户的头像。它可以根据传入的参数设置头像的大小、形状、图片等属性。
常用的属性有:
- size:头像的大小,可以是数字、字符串或者是 ElementUI 定义的尺寸常量(例如:large、medium、small、mini);
- icon:头像的图标,可以是字符串或者 ElementUI 的图标组件;
- shape:头像的形状,可以是圆形(circle)或者方形(square);
- src:头像的图片地址,可以是本地图片地址或者是远程图片地址。
例如,下面的代码可以显示一个大小为 40 像素、圆形、带有默认头像的 el-avatar 组件:
```html
<el-avatar :size="40" shape="circle" icon="el-icon-user"></el-avatar>
```
需要注意的是,如果同时设置了 icon 和 src 属性,优先显示 src 属性指定的图片。如果两个属性都没有设置,则显示默认头像。
阅读全文