当用户没有设置头像时,我们可以使用用户名第一个字来当头像
主要涉及一个截取,截取字符串第一个字
变量名.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
例如
当没有头像显示时就显示用户名第一个字文章来源:https://www.toymoban.com/news/detail-809968.html
文章来源地址https://www.toymoban.com/news/detail-809968.html
到了这里,关于头像空白问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!