头像空白问题

当用户没有设置头像时,我们可以使用用户名第一个字来当头像

主要涉及一个截取,截取字符串第一个字

变量名.charAt(0)

如果变量名为null或者undefine

那么就会报错

使用可选链操作符

当前面的值为nul或undefine时,就不会执行后面的操作,直接是null或undefine.就不会报错了

在当我们不知道前面的值是什么时,可以加上这个可选链操作符

变量名?.charAt(字符串下标)

注意,使用可选链操作符时,

vue的版本最少为2.7.0

 npm i [email protected]  [email protected] 

例如

当没有头像显示时就显示用户名第一个字

头像空白问题_第1张图片

你可能感兴趣的:(实际应用,前端,javascript,vue.js)