当用户没有设置头像时,我们可以使用用户名第一个字来当头像
主要涉及一个截取,截取字符串第一个字
变量名.charAt(0)
如果变量名为null或者undefine
那么就会报错
使用可选链操作符
?
当前面的值为nul或undefine时,就不会执行后面的操作,直接是null或undefine.就不会报错了
在当我们不知道前面的值是什么时,可以加上这个可选链操作符
变量名?.charAt(字符串下标)
注意,使用可选链操作符时,
vue的版本最少为2.7.0
?npm i vue@2.7.0 ?vue-template-compiler@2.7.0?
例如
当没有头像显示时就显示用户名第一个字