vue用户头像地址为““时，用姓名首字母做头像

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

效果：

 完整代码：

<div class="left_img">
     <el-avatar
        v-if="UserDetail.userInfo.avatar !== ''"
        size="large"
        style="width: 60px; height: 60px; line-height: 60px; font-size: 24px"
        :src="UserDetail.userInfo.avatar">

     </el-avatar>

     <el-avatar
         v-else
         size="large"
         style="width: 60px; height: 60px; line-height: 60px; font-size: 24px">
           {{ UserDetail.userInfo.realName.charAt(0) }}
     </el-avatar>
</div>

 注意：

UserDetail.userInfo.realName.charAt(0)

该代码是截取首个字母。