在vue中如果头像为空时用姓名第一个字当头像

本文主要是介绍在vue中如果头像为空时用姓名第一个字当头像，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

业务场景:当个人资料或者用户头像没有图片时，默认使用户名字中第一个汉字做头像。

效果图：

完整代码：

 <el-avatarsize="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)
该代码是用来截取姓名的第一个字

这篇关于在vue中如果头像为空时用姓名第一个字当头像的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---