业务场景:当个人资料或者用户头像没有图片时,默认使用户名字中第一个汉字做头像。
效果图:
完整代码:
<el-avatar
size="large"
style="width: 45px; height: 45px; line-height: 45px; font-size: 24px"
v-if="scoped.row.head_img == null"
>
{{ scoped.row.name.charAt(0) }}
</el-avatar>
当头像为null时获取到姓名的第一个字。
重要代码:
scoped.row.name.charAt(0)
该代码是用来截取姓名的第一个字