在Vue项目中遇到的bug简直不要太多,使用链式运算符渲染页面遇到下面的报错,一起来分析一下。
<h3>用户名 {{userinfo?.username}}</h3>
针对上面的情况,若userinfo存在时,则成功渲染userinfo.username,否则返回undefined;
首先 我已经进行登录,userinfo是存在的,因为无法使用链式运算符报错如下:
大概是少了一些配置项的问题导致下面的报错,去配置有些麻烦,我是这样解决的:
在需要渲染的模块添加v-if条件判断是否存在userinfo;不再使用链式运算符,同样可以实现渲染。
v-if="userinfo"
渲染成功:
这个方法相对来说还是方便的,当然方法很多,希望大家指正错误,互相学习。